Question

如何编写用于在网页中显示适合屏幕的文本的HTML代码？我尝试为此编写HTML代码，但它没有向我显示屏幕内的内容。只需它扩展屏幕宽度并使页脚中的滚动条直到文本结束。

E.g

<body>
Lorem ipsum dolor sit amet, convallis nec fermentum mauris at ut ipsum, velit lobortis netus phasellus, tincidunt suscipit, pede fusce neque, et ipsum in ac aenean. Vulputate id, in odio, aliquam libero rutrum integer sit turpis, laborum id duis wisi vel, volutpat amet morbi in.</body>

这些行应该适合屏幕，不应该创建任何水平滚动条。

Answer 1

你应该使用css自动换行属性..

p.test {
    word-wrap: break-word;
}

此处p是您编写代码的html元素，test是类...

p.test {
    word-wrap: break-word;
}

<p class="test">
  sadasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasassaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsad
  </p>

Answer 2

将您的内容放入div并为该div提供宽度。例如。

    <div style="width: 100px">
      sadasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasassaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsaddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddsad
    </div>

HTML文本应该适合屏幕

2 个答案: