调整分页链接的位置

我有以下HTML：调整分页链接的位置

<div id="pager"><a href="asd" title="go to page 1" class="disabled">1</a> 
<a href="asd" title="go to page 2">2</a> 
<a href="asd" title="go to page 3">3</a><span class="elip">...</span> 
<a href="asd" title="go to page 4">4</a></div>

和CSS：

.elip 
{ 
padding-top:3px; 
letter-spacing:2px; 
margin-left:5px; 
} 

#pager a{  
BORDER-BOTTOM: #E6E6E6 1px solid; 
BORDER-TOP: #E6E6E6 1px solid; 
BORDER-RIGHT: #E6E6E6 1px solid; 
BORDER-LEFT: #E6E6E6 1px solid; 
color: #585858; 
padding: 7px; 
padding-top:30px; 
text-decoration: none; 
color: #808080; 
}

不管我做什么，我不能让“...”被向下排列底部在底部。当的jsfiddle，所有的作品，但不是外面测试，下面的镜头（红色的X是它是什么，绿色的勾是我想什么）： enter image description here

填充，文字大小，对齐方式，行高，没什么似乎工作。

来源

2012-01-04 Alex Guerin

我看到的jsfiddle同样的问题：HTTP：//的jsfiddle。净/ ptriek/LfUDB / – ptriek 2012-01-04 22:15:39

尝试this：

.elip { 
    padding-top:3px; 
    letter-spacing:2px; 
    margin-left:5px; 
    position:relative; 
    bottom:-10px; 
}

来源

2012-01-04 22:15:29 rekire

你可以使用相对定位，我也清理你的CSS位：http://jsfiddle.net/ptriek/LfUDB/2/

.elip { 
padding-top:3px; 
letter-spacing:2px; 
margin-left:5px; 
} 

#pager a {  
border: #E6E6E6 1px solid; 
color: #808080; 
padding:30px 7px 7px 7px; 
text-decoration: none; 
} 

#pager span { 
    top: 9px; 
    position:relative; 
}

来源

2012-01-04 22:20:07 ptriek

调整分页链接的位置

回答

相关问题