HTML 文本应适合屏幕答案

【问题标题】：HTML Text should fit to the screenHTML 文本应适合屏幕
【发布时间】：2026-01-17 07:25:01
【问题描述】：

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

例如

<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>

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

【问题讨论】：

您可能应该在询问之前阅读规则，但尝试将 width: 100% 添加到您的正文元素（内联或块 css）
Duplicate?

标签： html

【解决方案1】：

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

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

这里p 是您编写代码的html 元素，test 是类...

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：