Maison > interface Web > tutoriel HTML > line-height样式无效,文字不能居中_html/css_WEB-ITnose

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

WBOY
Libérer: 2016-06-24 11:50:09
original
1101 Les gens l'ont consulté

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>
Copier après la connexion

  

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal