我有如下代码.而不是让盒子一直向右伸展,如何只在它需要的时候才能制作它?
<html><body>
<pre style="{border-style:solid;}">A Sentence</pre>
</body></html>
Run Code Online (Sandbox Code Playgroud)
你可以用
<pre style="display: inline; border-style: solid">
Run Code Online (Sandbox Code Playgroud)
({}顺便说一下,不属于样式块)
这会将元素渲染为不再占据整个宽度的内联对象,但会像普通文本一样流动.但是,这样,下一个元素将紧跟在旁边pre,您可能必须添加<br>换行符.