2011-06-10 126 views

回答

2

display: inline-block是一個簡單的方法來做到這一點。

float: left是另一種選擇。

確保沒有設置明確的width,因爲這將禁用收縮包裝行爲。

http://jsfiddle.net/5jyAg/

+1

這很有趣,我常說我自己。無論如何,你是對的。如果IE7是一個問題,請參閱:http://stackoverflow.com/questions/5838454/inline-block-doesnt-work-in-internet-explorer-7-6/5838575#5838575 – thirtydot 2011-06-10 11:13:34

+0

..和評論消失在醚。 – thirtydot 2011-06-10 11:14:25

+0

需要注意的是 Kevin 2011-06-10 11:15:29

1

它依賴於容器,如果使用span作爲容器,它永遠是一樣寬,它的字符。

但跨度內聯元素

0

你可以嘗試把甚至填充到你的風格。例如,如果你的標記看起來像這樣。

<div> 
    <p class="paddThis">Your text</p> 
</div> 

,並在樣式表設置權的填充和/或文本將推動你的容器的左邊和右邊界一定量的像素從你的文字創建離開文本的左邊應該完成你在做什麼。

樣式表可能是這樣的

.paddThis 
{ 
    padding: 0 5px 0 5px; 
}