【问题标题】:html - problem with word wrappinghtml - 自动换行问题
【发布时间】:2023-03-10 20:17:01
【问题描述】:

我在 div 中有一些文本,我希望它能够换行以适合文档宽度(没有任何滚动!)。我不想分词,比如 div {word-wrap: break-word;}

例如(这是我想要的):

hello world! today is a 
good day.

但不是:

hello world! today is a  good day.

或:

hello world! today is a go
od day.

【问题讨论】:

  • 嗯。 ChrisW 已编辑您的问题以试图理解它,但听起来您在询问默认行为是什么。

标签: html css word-wrap


【解决方案1】:

我不确定你想要什么,只是这个吗?

<div style="width:200px">hello world! today is a good day.</div>

【讨论】:

  • 没有。窗口的宽度可以随着用户调整大小而改变。所以,没有固定的宽度。例如,如果这条线是界限:| |精彩 精彩 精彩 所以你看,因为没有3-rd精彩的空间,它去了二线
  • 我解决了这个问题,谢谢大家!我有太多  这会影响文本的包装方式
【解决方案2】:

也许&lt;wbr&gt; 标签可以帮助你。 这个标签允许浏览器在它所在的位置插入一个换行符, “如果浏览器想要”。

This是一个页面,记录了IEbreak的行为,你可以把它作为一个模型来做一些调试。

如果你想启动 jQuery 在你的 html here you can se an example from John Resig 中脚本注入 &lt;wbr&gt;

您可以阅读有关它的完整参考资料here

A similar topic was discussed on SO here.

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-12-19
    • 2014-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多