最大宽度为<pre>, not wrap text</pre>

Question

我在我的html中使用<pre>标签，它正在分配页面的整个宽度，而我需要在文本可以的时候制作它。请注意，我的文字太短，但<pre>占据了页面的整个宽度，所以我不打算将我的文本包装到另一行，因为SO上提到了一些问题。

Answer 1

来自W3Schools：

  

HTML5中不支持<pre>的width属性。使用CSS   代替。

     

CSS syntax: <div style="width:200px;overflow:auto"><pre>Some text</pre></div>

     

CSS Example: Pre-formatted text with a fixed width

来源：HTML PRE width Attribute

尽管如你所指出，这不是动态的。试试这两种方法：

pre {display:table; margin:auto;}

或

<pre style="border: 1px solid black; margin:auto; display:inline-block;"> aaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbb ccc </pre>

来源：Auto width for PRE element, using CSS?