Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

html如何让标签居中显示,HTML怎么让标签居中

本文探讨了在不同浏览器环境下,尤其是IE6/7/8混杂模式中,如何实现块级元素的居中对齐。介绍了使用`text-align:center`和`margin: auto`的方法,并指出在IE6/7/8的兼容问题。解决方案包括设置父容器的`text-align:center`以及针对行内内容的`text-align:left`。同时,文章提供了示例代码和样式设置。
摘要由CSDN通过智能技术生成

回答:

IE6/7及IE8混杂模式中,text- align:center可以使块级元素也居中对齐。其他浏览器中,text-align:center仅作用于行内内容上。

解决这个问题比较好的方式,就是为所有需要相对父容器居中对齐的块级元素设置“margin-left:Auto; margin-right:Auto”。但这个方式 IE6/IE7/IE8的混杂模式中不支持,所以还要设置父容器的 "text-align:center;"。

若居中对齐的子元素内的行内内容不需要居中对齐,则还需要为其设置“text-align:left”:

* { font-family:Consolas,Verdana,Arial; font-size:12px;}

div, center { border:3px solID dimgray; padding:2px;}

span { background:lightgrey;}

text

添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值