調整分頁鏈接的位置

我有以下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

調整分頁鏈接的位置

回答

相關問題