时间:2021-05-08
其实可以设置其display为table,然后设置左右的margin为auto,不过ie6,7不支持display: table;除此之外我们还可以用css3的box-align和box-pack来实现,当然那更不兼容了
复制代码代码如下:
.element{
display: table;
margin: 0 auto;
}
因为不兼容,我们得想一个兼容的办法啊,那就是直接用table来构造喽
复制代码代码如下:
<table class="centered-block">
<tbody>
<tr>
<td>
<div>我是需要水平居中的东西</div>
</td>
</tr>
</tbody>
</table>
.centered-block{
margin-left: auto !important;
margin-right: auto !important;
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近在做网站的时候碰到了一个问题:我用ul标签和li标签构建的导航栏想要在不确定li数量和li,ul宽度的情况下居中,但是给ul使用了text-align:ce
1、水平居中设置-行内元素通过父元素设置1text-align:center;,让父元素的内容居中2、水平居中设置-定宽块状元素块状元素的宽度width为固定值
怎样实现固定宽度、高度的页面在不同分辨率的屏幕上垂直、水平居中,要求兼容IE;注意不是一张图片,也不是宽度和高度都比较小的div,而是整个页面,具体如代码如下复
第一种:将固定大小的div框相对窗口水平垂直居中,改变浏览器窗口大小时,依然保持水平垂直居中;复制代码代码如下:水平垂直居中.out{width:0px;hei
一、可以利用flex来布局一个div在另一个div里面水平垂直居中如:html代码: css代码:.container{width:600px;height:4