请选择进入手机版 | 继续访问电脑版

设为首页收藏本站腾讯微博新浪微博

邮件列表客服QQ 800003860 切换到窄版

点点网模板设计大赛

phpchina

蓝色理想最新研发动态 用悬赏三天解决问题解决访问速度慢 论坛支持农历生日 - 地图任务 - 给官方提建议

论坛活动及任务 归纳网站最新活动更新邮件保护帐号安全 第一季积分兑换活动 - 12周年上海聚会照片

万元奖励等你拿——点点网模板设计大赛 畅销译文征名——让最火的畅销书，印上你的标签 联系招聘客服蓝色理想帮你找工作！

经典论坛 › 论坛 › 网站开发区 › HTML5及WEB标准化专栏 › 为什么这个span的line-height没有用?[解决]

发新帖

查看: 1776|回复: 17

[求助] 为什么这个span的line-height没有用?[解决] [复制链接]

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-28 17:07:45 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title></title>
<meta name="author" content="Win zhang/Siemensme@126.com" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<style>
body{
	margin:0;
	padding:0;
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	background: #aabcbc;
}
a{
	text-decoration: none; 
	color:black;
}

img{
	border:0;
	align:bottom;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
h1{
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	margin:20px;
}

.pagelist{	
	margin:5px 0;
	padding:5px 0;
	width:100%;
	background:#FFFFFF;
	color:#386db9;
	text-align:center;
}

.s a{	
	margin:0;
	padding:4px 0 0 0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	font-size:6px;
}
.sc{	
	margin:0;
	padding:2px 0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	font-size:6px;
}
.n a{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
}
.nc{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
}

</style>

</head>
<body>

<div class="pagelist"><span class="sc">|<</span>
<span class="nc">1</span>
<span class="n"><a href="list_1_2.html">2</a></span>
<span class="n"><a href="list_1_3.html">3</a></span>
<span class="n"><a href="list_1_4.html">4</a></span>
<span class="n"><a href="list_1_5.html">5</a></span>
<span class="n"><a href="list_1_6.html">6</a></span>
<span class="n"><a href="list_1_7.html">7</a></span>
 <span class="s"><a href="list_1_2.html">>></a></span>
 <span class="s"><a href="list_1_152.html">>|</a></span>
 
</div>

</body>
</html>

提示：您可以先修改部分代码再运行

为什么页码span的line-height没有用?

[ 本帖最后由 siemensme 于 2007-4-29 11:35 编辑 ]

西部数码顶级域名注册商39元抢注！

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-28 17:18:45 |显示全部楼层

虽然我没嚷嚷但是真的很着急啊

谢谢大家了!!

租服务器，上51IDC [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具举报

死亡天使

银牌会员 

帖子: 1426
体力: 1434
威望: 0

发表于 2007-4-28 17:21:17 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title></title>
<meta name="author" content="Win zhang/Siemensme@126.com" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<style>
body{
	margin:0;
	padding:0;
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	background: #aabcbc;
}
a{
	text-decoration: none; 
	color:black;
}

img{
	border:0;
	align:bottom;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
h1{
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	margin:20px;
}

.pagelist{	
	margin:5px 0;
	padding:5px 0;
	width:100%;
	background:#FFFFFF;
	color:#386db9;
	text-align:center;
}

.s a{	
	margin:0;
	
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	
}
.sc{	
	margin:0;
	
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	
}
.n a{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
}
.nc{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
}

</style>

</head>
<body>

<div class="pagelist"><span class="sc">|<</span>
<span class="nc">1</span>
<span class="n"><a href="list_1_2.html">2</a></span>
<span class="n"><a href="list_1_3.html">3</a></span>
<span class="n"><a href="list_1_4.html">4</a></span>
<span class="n"><a href="list_1_5.html">5</a></span>
<span class="n"><a href="list_1_6.html">6</a></span>
<span class="n"><a href="list_1_7.html">7</a></span>
 <span class="s"><a href="list_1_2.html">>></a></span>
 <span class="s"><a href="list_1_152.html">>|</a></span>
 
</div>

</body>
</html>

提示：您可以先修改部分代码再运行

我不也知道为什么

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-28 17:32:00 |显示全部楼层

你把字体font-size:6px 去掉了啊

不成不能箭头不要太大

使用道具举报

帖子: 121
体力: 462
威望: 0
居住地: 广东省广州市

发表于 2007-4-28 17:35:14 |显示全部楼层

line-height不行，就试一下height

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-28 17:41:26 |显示全部楼层

height 也不行再说即使行也不能用否则垂直居中就有问题了

使用道具举报

帖子: 350
体力: 1360
威望: 0

发表于 2007-4-28 17:46:56 |显示全部楼层

http://www.codebit.cn/pub/html/xhtml_css/tip/css_pagination_links/

示例：
http://www.codebit.cn/pub/html/xhtml_css/tip/css_pagination_links/css_pagination_links.php

世界名画欣赏

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-28 17:54:29 |显示全部楼层

原帖由 artlover 于 2007-4-28 17:46 发表
http://www.codebit.cn/pub/html/xhtml_css/tip/css_pagination_links/

示例：
http://www.codebit.cn/pub/html/xhtml_css/tip/css_pagination_links/css_pagination_links.php

这个不适合我我想要>>等字符是6px高,其余的是12px高

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title></title>
<meta name="author" content="Win zhang/Siemensme@126.com" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<style type="text/css">  /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */  .pagination{ padding: 2px; }  .pagination ul{ margin: 0; padding: 0; text-align: left; /*Set to "right" to right align pagination interface*/ font-size: 16px; }  .pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; }  .pagination a, .pagination a:visited{ padding: 0 5px; border: 1px solid #9aafe5; text-decoration: none;  color: #2e6ab1; }  .pagination a:hover, .pagination a:active{ border: 1px solid #2b66a5; color: #000; background-color: lightyellow; }  .pagination li.currentpage{ font-weight: bold; padding: 0 5px; border: 1px solid navy; background-color: #2e6ab1; color: #FFF; }  .pagination li.disablepage{ padding: 0 5px; border: 1px solid #929292; color: #929292; }  .pagination li.nextpage{ font-weight: bold; }  * html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/ margin-right: 5px; padding-right: 0; }  </style> 
</head>
<body>

<div class="pagination"> <ul> <li class="disablepage" style="font-size:6px;"><<</li> <li class="currentpage">1</li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> <li><a href="#">8</a></li> <li><a href="#">9</a>...</li> <li><a href="#">15</a></li> <li><a href="#">16</a></li> <li class="nextpage"><a href="#" style="font-size:6px;"> >></a></li> </ul> </div>

</body>
</html>

提示：您可以先修改部分代码再运行

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-29 09:26:50 |显示全部楼层

真的好着急啊难道非要用表格么?

使用道具举报

帖子: 95
体力: 399
威望: 0

发表于 2007-4-29 10:10:36 |显示全部楼层

你高的字体太小了吧？可以用dl,dt，dd试一下

使用道具举报

winhero_charles　

幽谷鸟

帖子: 883
体力: 2830
威望: 2
居住地: 广东省深圳市

发表于 2007-4-29 10:13:38 |显示全部楼层

回答1楼:
因为span为行内元素(也有叫内联元素),所以不能设置width,height,line-height属性(就像position:absolute一样,设置它还得进步设置TLBR,否则形同虚设),但可以设置padding,margin,从这两方面考虑,可能会解决问题,不知道你要想要的是不是这效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title></title>
<meta name="author" content="Win zhang/Siemensme@126.com" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<style>
body{
	margin:0;
	padding:0;
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	background: #aabcbc;
}
a{
	text-decoration: none; 
	color:black;
}

img{
	border:0;
	align:bottom;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
h1{
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	margin:20px;
}

.pagelist{	
	margin:5px 0;
	padding:5px 0;
	width:100%;
	background:#FFFFFF;
	color:#386db9;
	text-align:center;
}

.s a{	
	margin:0;
	padding:4px 0 0 0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	font-size:6px;
}
.sc{	
	margin:0;
	padding:2px 0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	font-size:6px;
}

.n a{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
                padding:3px;
}
.nc{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
               padding:3px;
}

</style>

</head>
<body>

<div class="pagelist"><span class="sc">|<</span>
<span class="nc">1</span>
<span class="n"><a href="list_1_2.html">2</a></span>
<span class="n"><a href="list_1_3.html">3</a></span>
<span class="n"><a href="list_1_4.html">4</a></span>
<span class="n"><a href="list_1_5.html">5</a></span>
<span class="n"><a href="list_1_6.html">6</a></span>
<span class="n"><a href="list_1_7.html">7</a></span>
 <span class="s"><a href="list_1_2.html">>></a></span>
 <span class="s"><a href="list_1_152.html">>|</a></span>
 </div>
	</body>
</html>

提示：您可以先修改部分代码再运行

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-29 10:22:15 |显示全部楼层

原帖由 winhero_charles 于 2007-4-29 10:13 发表
回答1楼:
因为span为行内元素(也有叫内联元素),所以不能设置width,height,line-height属性(就像position:absolute一样,设置它还得进步设置TLBR,否则形同虚设),但可以设置padding,margin,从这两方面考虑,可能会 ...

不是这样的效果我是想让他们的蓝色背景是一样高度的....就是6px与12px的文字的背景是一样高度的 ,其实就是blueidea论坛的页码样式

谢谢您的回答!

使用道具举报

winhero_charles　

幽谷鸟

帖子: 883
体力: 2830
威望: 2
居住地: 广东省深圳市

发表于 2007-4-29 10:32:16 |显示全部楼层

如果真的要像BI的这种效果,最好不要用SPAN,用LI代之,楼上已有人回复给你啦

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-29 10:36:32 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title></title>
<meta name="author" content="Win zhang/Siemensme@126.com" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<style>
body{
	margin:0;
	padding:0;
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	background: #aabcbc;
}
a{
	text-decoration: none; 
	color:black;
}

img{
	border:0;
	align:bottom;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
h1{
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	margin:20px;
}

.pagelist{	
	margin:5px 0;
	padding:5px 0;
	width:100%;
	background:#FFFFFF;
	color:#386db9;
	text-align:center;
}

.s a{	
	margin:0;
	padding:8px 0 4px 0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	font-size:6px;
}
.sc{	
	margin:0;
	padding:8px 0 4px 0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	font-size:6px;
}

.n a{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
                padding:3px;
}
.nc{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
               padding:3px;
}

</style>

</head>
<body>

<div class="pagelist"><span class="sc">|<</span>
<span class="nc">1</span>
<span class="n"><a href="list_1_2.html">2</a></span>
<span class="n"><a href="list_1_3.html">3</a></span>
<span class="n"><a href="list_1_4.html">4</a></span>
<span class="n"><a href="list_1_5.html">5</a></span>
<span class="n"><a href="list_1_6.html">6</a></span>
<span class="n"><a href="list_1_7.html">7</a></span>
 <span class="s"><a href="list_1_2.html">>></a></span>
 <span class="s"><a href="list_1_152.html">>|</a></span>
 </div>
	</body>
</html>

提示：您可以先修改部分代码再运行

这是我目前最好的效果但是文字不是居中对其

是什么再影响padding?非要一组不对称的数值?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title></title>
<meta name="author" content="Win zhang/Siemensme@126.com" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<style>
body{
	margin:0;
	padding:0;
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	background: #aabcbc;
}
a{
	text-decoration: none; 
	color:black;
}

img{
	border:0;
	align:bottom;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
h1{
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	margin:20px;
}

.pagelist{	
	margin:5px 0;
	padding:5px 0;
	width:100%;
	background:#FFFFFF;
	color:#386db9;
	text-align:center;
}

.s a{	
	margin:0;
	padding:6px 0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	font-size:6px;
}
.sc{	
	margin:0;
	padding:6px 0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
	font-size:6px;
}

.n a{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
                padding:3px;
}
.nc{	
	margin:0;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	display: inline;
	line-height:15px;
               padding:3px;
}

</style>

</head>
<body>

<div class="pagelist"><span class="sc">|<</span>
<span class="nc">1</span>
<span class="n"><a href="list_1_2.html">2</a></span>
<span class="n"><a href="list_1_3.html">3</a></span>
<span class="n"><a href="list_1_4.html">4</a></span>
<span class="n"><a href="list_1_5.html">5</a></span>
<span class="n"><a href="list_1_6.html">6</a></span>
<span class="n"><a href="list_1_7.html">7</a></span>
 <span class="s"><a href="list_1_2.html">>></a></span>
 <span class="s"><a href="list_1_152.html">>|</a></span>
 </div>
	</body>
</html>

提示：您可以先修改部分代码再运行

如果padding对称了的话整个位置就不对了

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-29 10:44:30 |显示全部楼层

原帖由 winhero_charles 于 2007-4-29 10:32 发表
如果真的要像BI的这种效果,最好不要用SPAN,用LI代之,楼上已有人回复给你啦

但是li要换行啊如果设置float 那么就不能居中了啊

呵呵到底怎么办才好啊

使用道具举报

siemensme　楼主

帖子: 138
体力: 292
威望: 0

发表于 2007-4-29 10:52:51 |显示全部楼层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title></title>
<meta name="author" content="Win zhang/Siemensme@126.com" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
<style>
body{
	margin:0;
	padding:0;
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	background: #aabcbc;
}
a{
	text-decoration: none; 
	color:black;
}

img{
	border:0;
	align:bottom;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;
}
h1{
	font-family:verdana,tahoma,sans-serif;
	font-size:11px;
	margin:20px;
}

.pagelist{	
	margin:5px 0;
	padding:5px 0;
	width:100%;
	background:#FFFFFF;
	color:#386db9;
	text-align:center;
	line-height:15px;
}
.pagelist a{	
	line-height:15px;
}
.s {
	margin:0 2px;
	float:left;	
	line-height:15px;
	font-size:6px;
}
.n {
	margin:0 2px;
	float:left;	
	line-height:15px;
}

.s a{	
	float:left;
	background:#FFFFFF;
	color:#386db9;
	text-align:center;
	border:1px solid #386db9;
	width:15px;
}
.sc{	
	margin:0 2px;
	float:left;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	line-height:15px;
	font-size:6px;
	width:15px;
}
.n a{	
	float:left;
	background:#FFFFFF;
	color:#386db9;
	text-align:center;
	border:1px solid #386db9;
	width:15px;
}
.nc{
	margin:0 2px;
	float:left;
	background:#386db9;
	color:#FFFFFF;
	text-align:center;
	border:1px solid #386db9;
	font-weight:bold;
	line-height:15px;
	width:15px;
}

</style>

</head>
<body>

<div class="pagelist">
<li class="sc">|<</li>
<li class="nc">1</li>
<li class="n"><a href="list_1_2.html">2</a></li>
<li class="n"><a href="list_1_3.html">3</a></li>
<li class="n"><a href="list_1_4.html">4</a></li>
<li class="n"><a href="list_1_5.html">5</a></li>
<li class="n"><a href="list_1_6.html">6</a></li>
<li class="n"><a href="list_1_7.html">72222</a></li>
<li class="s"><a href="list_1_2.html">>></a></li>
<li class="s"><a href="list_1_152.html">>|</a></li>
 
</div>

</body>
</html>

提示：您可以先修改部分代码再运行

搞定大家喜欢就拿去用呵呵

[ 本帖最后由 siemensme 于 2007-4-29 11:30 编辑 ]

使用道具举报

妖怪

钻石会员 

帖子: 309
体力: 6006
威望: 1
居住地: 陕西省西安市

发表于 2007-4-29 11:31:59 |显示全部楼层

我用 li 做的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
<head>
<title></title>
<meta name="author" content="Win zhang/Siemensme@126.com" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<style>
body {
	margin:0;
	padding:0;
	font-family:verdana, tahoma, sans-serif;
	font-size:11px;
	background: #aabcbc;
}
a {
	text-decoration: none;
	color:black;
}
img {
	border:0;
	align:bottom;
}
ul, li {
	list-style:none;
	margin:0;
	padding:0;
}
.pagelist {
	margin:5px 0;
	padding:5px 0;
	width:100%;
	background:#FFF;
	color:#386db9;
	text-align:center;
}
.s, .sc, .n, .nc {
	margin:0 3px;
	background-color:#386db9;
	color:#FFF;
	border:1px solid #386db9;
	font-weight:bold
}
.s a {
	color:#FFF;
}
.sc, .s {
	padding:3px 0;
	font-size:6px;
}
.n a {
	color:#FFF;
}
.nc {
}
li {
	display:inline;
	vertical-align:middle;
}
</style>
</head>
<body>
<div class="pagelist">
  <ul>
    <li class="sc"> |&lt;</li>
    <li class="nc"> 1</li>
    <li class="n"><a href="list_1_2.html"> 2</a></li>
    <li class="n"><a href="list_1_3.html"> 3</a></li>
    <li class="n"><a href="list_1_4.html"> 4</a></li>
    <li class="n"><a href="list_1_5.html"> 5</a></li>
    <li class="n"><a href="list_1_6.html"> 6</a></li>
    <li class="n"><a href="list_1_7.html"> 7</a></li>
    <li class="s"><a href="list_1_2.html"> &gt;&gt;</a></li>
    <li class="s"><a href="list_1_152.html"> &gt;|</a></li>
  </ul>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

-_-! 比楼主晚了一步

[ 本帖最后由 abrush 于 2007-4-29 11:33 编辑 ]

http://bbs.blueidea.com/static/image/smiley/blueidea/smile.gif 广告位招租~

使用道具举报

帖子: 8
体力: 13
威望: 0
居住地: 广东省深圳市

发表于 2009-4-1 14:19:02 |显示全部楼层

可以直接使span的高度宽度生效

例如：设置display:block; 后span的height和width就能生效了
.links_span { display:block; height:22px; margin-left:9px; margin-top:3px; width:119px; padding-left:10px; float:left; text-align:left; line-height:22px; background:#333333; }

555asp.cn

使用道具举报

发新帖

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )

GMT+8, 2012-1-15 00:06 , Processed in 0.671730 second(s), 10 queries , Gzip On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部