如何让层内的文字不自动换行

Question

<div style="height:35px;width:100px;overflow-x:auto">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

Answer 1

<div style="height:35px;width:100px;white-space:nowrap;overflow-x:auto">
aaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<div style="height:35px;width:100px;overflow-x:auto">
aaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>

Answer 2

<pre >不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 </pre>

Answer 3

超出出现滚动条:style="overflow-x:auto"
把不让换行的文字用nobr标签括起来，<nobr>不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 不换行 </nobr>

Answer 4

<div style="height:35px;width:100px;white-space:nowrap;overflow-x:auto">
不换行太长就出滚动条。不换行太长就出滚动条。不换行太长就出滚动条。不换行太长就出滚动条。不换行太长就出滚动条。不换行太长就出滚动条。不换行太长就出滚动条。
</div>