鏈接圖像在一條線上

有人可以幫我把箭頭和文本放在一行上嗎？（見圖）鏈接標籤應該填寫「th」（display：block）。鏈接圖像在一條線上

enter image description here

HTML：

<th colspan="1" rowspan="1" class="ui-state-default"> 
<a href="http://www.example.com">example</a> 
<span class="ui-icon ui-icon-carat-2-n-s"></span> 
</th>

CSS：

.ui-icon { width: 16px; height: 16px; background-image: url(../images/ui-icons_222222_256x240.png); } 
.ui-icon-carat-2-n-s { background-position: -128px 0; } 

table#example th a { 
    display:block; 
} 

table#example th span { 
    float: right; 
}

可我可認識到，與z-index的CSS屬性或類似的東西？

來源

2011-08-30 shub

你錯過了上跨度結束>和關閉 ..那是一個錯字或從你的真正的代碼？ – Kyle

嘗試增加浮動左錨：

table#example th a { 
    float: left; 
    display:block; 
}

來源

2011-08-30 12:27:04 cicloon

使用'float：left'時，鏈接不填寫整個「th」。 – shub

更改CSS，以便<a>和<span>兩個浮動左：

table#example th a { 
    float: left; 
} 

table#example th span { 
    float: left; 
}

Example here。

來源

2011-08-30 12:34:39 Kyle

您確定要爲此使用表嗎？如果你純粹使用表格來佈局，別。有幾個方法可以做到這一點使用CSS：

方法1：

HTML

<a class="link" href="http://www.example.com">example</a> 
<span class="arrows"></span>

CSS

.link, .arrows { 
    float: left; 
} 

.link { 
    margin: 0px 10px; /* Spacing either side of link */ 
}

方法2

HTML

<a class="link" href="http://www.example.com">example</a> 
<span class="arrows"></span>

CSS

.link { 
    display: inline; 
    margin: 0px 10px; /* Spacing either side of link */ 
}

來源

2011-08-30 12:34:51 MadScone

鏈接圖像在一條線上

回答

相關問題