当前位置: 首页 > 面试题库 >

如何在DIV中强行换行?

谷永贞
2023-03-14
问题内容

好吧,这真的使我感到困惑。我在div中有一些内容,例如:

<div style="background-color: green; width: 200px; height: 300px;">

Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.

</div>

但是,由于“单词”太长,内容溢出了DIV(如预期的那样)。

如何在必要时强制浏览器“破坏”单词以适合内部所有内容?


问题答案:

采用 word-wrap:break-word;

它甚至可以在IE6中使用,这真是令人惊喜。

word-wrap: break-word已被替换为overflow-wrap: break- word;在所有现代浏览器中均可使用。IE,作为一个失效的浏览器,将永远依赖不推荐使用的非标准版本word-wrap

word-wrap当今的现有用法仍然有效,因为它是overflow-wrap该规范的别名。



 类似资料:
  • 是否可以在只有最小宽度的内联块 div 中进行文本换行?(不是宽度,也不是最大宽度) 我的意思是: 注意: > a.如果字段的固定宽度内联内容(在本例中为LABEL INPUT=300px)小于宽度的25%,则应该正好是容器宽度的25%。 b、 如果字段的固定宽度内联内容超过容器的25%,则应将字段推出到其组合宽度。 那么,有没有办法获得根据上述规则根据字段宽度进行换行?

  • 问题内容: 我有一个宽度为250px的div。当内部文本比那更宽时,我希望它分解。div是float:左侧,现在有一个溢出。我希望滚动条通过使用自动换行而消失。我怎样才能做到这一点? CSS: 问题答案: 正如安德鲁所说,您的文字应该就是这样做的。 我可以想到有一个实例会按照您建议的方式运行,也就是说,如果您设置了whitespace属性。 看看您的CSS中是否没有以下内容: 这将导致文本继续在同

  • 问题内容: 我有一长行代码,我想在多行中分解。我使用什么,语法是什么? 例如,添加一串字符串, 并分成两行,如下所示: 问题答案: 线路是什么?你可以在下一行中使用参数而不出现任何问题: 否则,你可以执行以下操作: 查看样式指南以获取更多信息。 从示例行中: 要么: 请注意,样式指南指出,最好使用带括号的隐式连续符,但是在这种特殊情况下,仅在表达式周围加上括号可能是错误的方法。

  • 问题内容: 我在a中有一个长文本,其中包含define: HTML: CSS: 我怎么能迫使字符串留在一行中(即在“溢出”中间被切掉)? 我尝试使用,但没有帮助。 问题答案: 尝试这个:

  • 问题内容: 我正在将一些代码从Processing移植到Java,我遇到的一个问题是处理的预编译器会将所有double转换为float。但是,在Eclipse中,我不得不将值显式转换为float。不过,我遇到了我不理解的错误。例如,不应该在该语句的末尾加上f来修复类型不匹配的问题(类型不匹配:无法从double转换为float)? 甚至在像这样的简单语句上,我也会遇到类型不匹配的情况。我究竟做错了

  • 问题内容: 请让我知道如何在JavaScript中换行。 我想要在主题中使用换行符。我需要的输出是: 问题答案: 添加到要在URL上对换行符进行编码的任何位置。 是回车符 是换行符 这是Windows机器上的新换行顺序,尽管在linux和macs上不一样,但两者都应起作用。 如果要在实际的javascript中换行,请使用转义序列。