Heim > Web-Frontend > HTML-Tutorial > line-height样式无效,文字不能居中_html/css_WEB-ITnose

line-height样式无效,文字不能居中_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:50:09
Original
1094 Leute haben es durchsucht

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>
Nach dem Login kopieren

  

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage