html - 具有特定宽度的 block 元素，但也适用于 HTML/CSS 中的长单词

Question

我需要制作 <div>具有特定的最大宽度(例如 100px)，并且当此元素包含一些长词(超过 100px)时，使其可以适应这些词的宽度，而不会断词或 overflow hidden ，就像所附图片一样。

纯 HTML 和 CCS 是否可行？

感谢您的回答。

Answer 1

好吧，首先我们必须制作 <div>元素收缩以适合。这可以通过 float 来实现正在处理元素或 display将其作为 inline-block元素。

然后，我们可以添加一个min-width的 100px到元素以设置最小宽度。

例如:

div {
  display   : inline-block;
  min-width : 100px;
}