Heim > Artikel > Web-Frontend > line-height样式无效，文字不能居中_html/css_WEB-ITnose
line-height样式无效，文字不能居中_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:50:091070Durchsuche
line-height样式无效
这是为什么 捣鼓了好久都没找到原因
<!doctype html><html><head> <meta charset="utf-8"> <title>淘宝</title> <link href="images/taobao.jpg" > <style type="text/css"> *{ margin:0; padding:0; } ul ,li ,a{ margin:0; padding:0; } a{ text-decoration:none; font-size:10px; color:#333; } li{ list-style:none; } img{ border:none; } body{ color:#000; overflow:hidden; } /* 顶部样式 */ .topbg{ background:#eee; height:35px; } .top{ position:absolute; left:50%; width:1190px; margin-left:-595px; } .topleft{ height:35px; float:left; } .topleft li { display:inline-block; height:35px; line-height:35px; } </style></head><body> <!-- 顶部内容 --> <div class="topbg"> <div class="top"> <ul class="topleft"> <li><a href="#" style="color:red;">亲，请登录</a></li> <li><a href="#">免费注册</a></li> <li><a href="#">手机逛淘宝</a></li> <li><a href="#"><img src="images/top.gif"/ alt="line-height样式无效，文字不能居中_html/css_WEB-ITnose" ></a></li> </ul> </div> </div> <!-- 正文部分 --> <div class="main"></div> <!-- 底部内容 --> <div class="bottom"></div></body></html>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：使用jacob调用Windows的com对象，转换Office文件为pdf、html等_html/css_WEB-ITnoseNächster Artikel：html实现多种颜色的选取_html/css_WEB-ITnose