2009-11-08 156 views
1

这是一个CSS问题。我需要修剪div或列表或段落中的空格。CSS框边框

------------------------------------------- 
| This is my Text.      | 
------------------------------------------- 

如何将div/list /段(即任何方框)转换为在需要时显示如下所示?

-------------------- 
| This is my Text. | 
-------------------- 

而反之亦然?

这应该工作,无论父容器。

+0

不知道这是否算作编程...... – 2009-11-08 06:27:42

+1

我不明白您。 – anonymous 2009-11-08 06:28:23

+2

@Dave:不知道是否http://stackoverflow.com/questions/404568/copyright-question-bejeweled算作编程 – 2009-11-08 06:48:17

回答

3

您可以将包含“This is my Text”的元素的样式更改为display:inline,并且应该提供所需的效果。

值得注意的是,如果不知道整个布局,或者只是将其设置为默认样式可能会产生无法预料的后果(导致通常阻塞的元素不会阻止)。更好的解决方案是将文本包装在通常具有此效果的元素中,或将特定类应用于通常阻塞的元素以区分它们。

2

DIV,P,UL,OL,H [1-6]是块元素,则必须将其改为内嵌

<div style="display:inline">some content</div> 
+0

这不应该总是工作。因为将它应用于列表会改变外观。 – anonymous 2009-11-08 06:41:40

+0

你是对的列表,这是内联元素的自然行为。 – jerjer 2009-11-08 06:47:54