如何修复<span>标记</span>的宽度

Question

我在标签内部有一个标签，我希望如果标签内有一个长文本，那么该文本不应该出现在div标签的一侧。 如何解决它。

<div width="100">
    <span>this is heading<br/>
        abcdefghi jk lmssdfd dfg fgfg gf gfgf gfg fgf hasasas asasasas sasasdfd  fdfdf
    </span>
</div>

Answer 1

将overflow:hidden添加到div。

的样式中

Answer 2

你必须写word-wrap: break-word;

Answer 3

以正确的样式标记定义宽度。

<div style="width:100px;">
    <span>this is heading<br/>
        abcdefghi jk lmssdfd dfg fgfg gf gfgf gfg fgf hasasas asasasas sasasdfd  fdfdf
    </span>
</div>

这会将文本放在div中。

Answer 4

标记<div width="100">无效，浏览器在此上下文中忽略width属性。

如果您以有效的方式设置元素的宽度，请说<div style="width: 100px">（这不是好习惯，因为应避免使用px尺寸），然后内容将保持在该宽度范围内。但是，如果其中有一个单词或其他表达式，浏览器无法在这些限制内的某一行上放置，则会发生溢出，并且可以以不同的方式处理。问题没有说明这是否是问题，那么需要什么样的解决方案（例如，内容是否应被截断？）。