我的代码如下。而不是让盒子一直向右伸展，我只能在它需要的时候制作它？
<html><body>
<pre style="{border-style:solid;}">A Sentence</pre>
</body></html>
答案 0 :(得分：8)
您可以使用
<pre style="display: inline; border-style: solid">
（顺便说一句{}不属于样式块）
这会将元素渲染为不再占据整个宽度的内联对象，但会像普通文本一样流动。但是，这样，下一个元素将紧跟在pre旁边，您可能需要添加<br>换行符。
答案 1 :(得分：3)
使用内部元素将是一个简单的方法：
<html><body>
<pre><span style="border-style:solid;">A Sentence</span></pre>
</body></html>
答案 2 :(得分：2)
在这种情况下，您可以将其设为display: inline;
答案 3 :(得分：1)
<html><body>
<pre><span style="border-style:solid;">A Sentence</span></pre>
</body></html>
答案 4 :(得分：1)
定位元素应该有帮助
<html><body>
<pre style="border-style:solid; position:absolute;">A Sentence</pre>
</body></html>