问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

如何用html代码实现网页上下居中10

发布网友 发布时间:2023-11-07 08:28

我来回答

4个回答

热心网友 时间:2023-12-18 08:27

这个问题对很多新手来说都是难以挑战的难度,就是网上有代码很多人都难以了解。其原理很简单,就是把块级元素变成行内元素,定义样式vertical-align:middle,让其垂直居中。这里面有两个难点,1、怎样把块级元素变成行内元素并可以定义大小,而且还要兼容(要了解IElayout)。2、如何用好vertical-align:middle,vertical-align:middle用在表格上很见效,谁都可以用,用在行内元素怎样才能起作用呢等等。
代码我写给你,你自己去琢磨
<style>
.box{display:inline-block;}
.box{*display:inline; *zoom:1; width:50px; height:80px; border:#000 1px solid; vertical-align:middle;}
i{display:inline-block; width:0; height:100%; vertical-align:middle;}
</style>
</head>
<body>

<div style="width:200px; height:200px; border:red 1px solid; text-align:center;">
<i></i>
<div class="box">afdafd</div>
</div>

热心网友 时间:2023-12-18 08:28

.a{
    postiton:abslout;
    top:0;
    bottom:0;
    left:0;
    right:0
}

热心网友 时间:2023-12-18 08:28

假设html代码如下:<div id="some"></div>
要让他在页面上垂直居中,样式如下:
#some{width:300px; height:300px;postion:absolute;top:50%;margin-top:-150px;}
这里要注意的是,margin的负值是这个div高度的一半。
如果还要水平居中:
#some{width:300px; height:300px;postion:absolute;top:50%;left:50%;margin-top:-150px;margin-left:-150px}

热心网友 时间:2023-12-18 08:29

左右居中就行吧。。。
margin:0 auto;
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
梦见老婆光脚踩谷子 王者荣耀国服中,不论进入游戏还是没开始游戏,所有玩家发送的任何消息... 我的滴滴开空调活动怎么没了 为什么腾讯视频显示还是要流量看 没有联通中国结标志 电脑不能装win7买电脑时他们说只能装win10系统不能装win7 英雄联盟手游 手机lol游戏盒子现在叫什么? 英雄联盟手机盒子看不了比赛记录 手游英雄联盟视频在哪里看手机英雄联盟盒子在哪看我游戏中录的视频 英雄联盟盒子看视频只有声音没有画面,不是网速的问题,也不是电脑卡,是... 为什么英雄联盟盒子没发看视频 html中网页整个居中,两边留白的代码是什么168 上思布透温泉能住宿吗 在君主制社会国家君主是世袭的对吗 交通法什么时候开始醉酒驾驶终身禁止增驾的 LISTEN TO MY HEART(English Ver... Listen To My Heart 歌词3 怎样快速的默写古诗词 绝地求生大逃杀能量条有什么用4 在君主制社会国家君主是世袭的对吗 女生说,你让我慢慢考验你怎么回答?1 当女生说别妄自揣测我的想法什么意思1 html居中代码69 第一代计算机采用的逻辑元件是 芜湖航翼集成设备有限公司怎么样上班 有没有适合于20岁的年轻人看的动漫1 20岁以上的人适合看哪些动漫1 求好看的动漫,主角要求20岁以上6 传说之下每个地区的刷怪点 负压操作和常压操作全塔效率哪个高 有没有适合20岁以上人看得动画片14 梦见未婚女孩与母亲争吵的预兆 蚂蚁森林能量有什么用267 修改了一次,怎么强制修改第二次193 我设置过一次了,还能改第二次吗?怎么改?284 化妆瓶要怎么洗呢?2 关于长城的导游词,100字左右,很急5916 怎样写美味午餐的英语作文4 我的联想A66T怎么连不上电脑? 算命说49岁有一灾是什么意思8 【量骨算命】具体说下广结善缘,与人为善应该怎么做3 我是农历1987年9月25日早上3-4点出生 女,曾有算命说... 一个手机号码注册了两个之前那个微信怎么找回来? 我有摩托车证开小车被查到了,这会怎么处理? 根号125是多少 35岁以后买万能险合适吗5 怎么一年内修改两次怎样才能一年修改两次? 准妈妈退烧方法 只有摩托车驾驶证开小车被抓了怎么处罚?1 图-160载弹量为什么没有B-1B大33 B1B轰炸机厉害还是图160厉害?118