html<nav>标签怎么居中

html<nav>标签怎么居中,第1张

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

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

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

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

<html lang="en">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<title>导航</title>

<style type="text/css">

.DIV{border: 1px solid redwidth: 50px line-height:50pxdisplay: inline-blockfont-size: 20pxtext-align: center }

</style>

</head>

<body >

<div style="font-size:0pxwidth:208pxmargin:0 auto">

<div class="DIV ">首 页</div>

<div class="DIV ">文 件</div>

<div class="DIV ">游 戏</div>

<div class="DIV ">推 出</div>

<div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7247889.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存