ホームページ > 記事 > ウェブフロントエンド > 行の高さのスタイルが無効であり、テキストを中央揃えにすることはできません_html/css_WEB-ITnose
行の高さのスタイルが無効であり、テキストを中央揃えにすることはできません_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:50:091066ブラウズ
line-height style is無効です
これが、ずっといじっても原因が見つからない理由です
<!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"/></a></li> </ul> </div> </div> <!-- 正文部分 --> <div class="main"></div> <!-- 底部内容 --> <div class="bottom"></div></body></html>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。