2011-06-10 81 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; 
}