站长资讯网
最全最丰富的资讯网站

html中如何实现文本与标签居中

html中如何实现文本与标签居中

实现方法:

(推荐教程:html教程)

1、文本居中:

text-align: center; line-height: 100px; (=height)

2、标签居中

margin: 0 auto;   其中0指的是margin-top:0

具体代码:

<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>搜索论坛</title>     <link rel="stylesheet" href="https://www.baidu.com/img/baidu_jgylogo3.gif">     <style>         .item1{             height: 100px;             width: 100px;             background-color: red;             text-align: center;             line-height: 100px;             margin: 0 auto;         }         .item2{             height: 100px;             width: 100px;             background-color: wheat;             text-align: center;             line-height: 100px;             margin: 100px auto;         }     </style> </head>  <body>     <div>          <div>1111</div>          <div>2222</div>     </div> </body>  </html>

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号