我如何将边界设置为需要的时间？

【问题标题】：How do i set to border to be as long as it needs to be?我如何将边界设置为需要的时间？
【发布时间】：2010-01-20 08:23:13
【问题描述】：

我有如下代码。而不是让盒子一直向右伸展，我如何让它只需要它需要的时间？

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

【问题讨论】：

标签： html css

【解决方案1】：

你可以使用

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

（顺便说一下{}不属于样式块）

这会将元素呈现为不再占据全宽的内联对象，但像普通文本一样流动。但是，这样一来，下一个元素将紧跟在 pre 旁边，您可能需要添加 <br> 换行符。

【讨论】：

【解决方案2】：

使用内部元素是一种简单的方法：

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

【讨论】：

【解决方案3】：

在这种情况下，您可以使用display: inline;

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

定位元素应该有帮助

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

【讨论】：