我如何設置爲邊界，只要它需要？

我有像下面的代碼。而不是讓盒子一直伸展到正確的位置，但只要它需要，我怎樣才能使它變得容易？我如何設置爲邊界，只要它需要？

<html><body> 
<pre style="{border-style:solid;}">A Sentence</pre> 
</body></html>

2010-01-20 user254492

你可以使用

<pre style="display: inline; border-style: solid">

（該{}不被樣式塊屬於方式）

這會將該元素渲染爲不再佔用全寬的內嵌對象，但像正常文本一樣流動。但是，這樣，下一個元素將緊跟pre旁邊，您可能需要添加<br>換行符。

2010-01-20 00:16:59

<html><body> 
<pre><span style="border-style:solid;">A Sentence</span></pre> 
</body></html>

2010-01-20 00:16:19 user250120

使用的內部元件是一個簡單的方法：

<html><body> 
<pre><span style="border-style:solid;">A Sentence</span></pre> 
</body></html>

2010-01-20 00:16:59

定位元素應該幫助

<html><body> 
<pre style="border-style:solid; position:absolute;">A Sentence</pre> 
</body></html>

2010-01-20 00:17:07 Flatlin3

在這種情況下，你可以把它display: inline;

2010-01-20 00:17:25 prodigitalson

回答