2009-11-08 159 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