首页 > web前端 > html教程 > line-height样式无效,文字不能居中_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-06-24 11:50:09
原创
1126 人浏览过

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>
登录后复制

  

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
css - 安卓浏览器上下居中的问题
来自于 1970-01-01 08:00:00
0
0
0
css @media print在外部样式表中无效
来自于 1970-01-01 08:00:00
0
0
0
If/Else if/Else 语句的三元运算符
来自于 1970-01-01 08:00:00
0
0
0
控制 CodeMirror:修改文本区域占位符的样式
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板