考虑这个 jsFiddle：http: //jsfiddle.net/SnhDX/2/
如您所见，红色inline-block-1div 占用的空间超出了文本适应所需的空间。有什么办法可以去掉空的部分，让它看起来像绿色inline-block-2（不去掉max-widthand without hard-coding width）？允许使用 jQuery，但首选仅使用 CSS/HTML 的解决方案。
图片供参考。红色的是错的，绿色的是对的：
问问题
1415 次
3 回答
2
这有点棘手。
我能够让两个 div 匹配的最接近方法是在“Ipsum”之后插入一个<br>in 。inline-1罪魁祸首是“Ipsum”和“This”之间的空白。当文本以指定的 100 像素换行时，它会保留所有适合的内容 - 包括这两个单词之间的空格。唯一可以胜过硬空白的是设置显式宽度以使其换行或摆脱它。插入 a<br>而不是空格会消除该空格，尽管它们在我的浏览器中仍然有几个像素。
我讨厌成为那个人，但这似乎不必要地复杂 - 什么需要这个设置？float除非您正在使用s ，否则您无法更改显式宽度确实不规则。也许有一种方法可以简化这一点，让自己的生活更轻松？
于 2013-01-17T17:59:29.637 回答
0
我遇到了垂直尺寸调整的问题。看看添加这个 CSS 是否有帮助：
overflow:hidden
祝你好运！-布伦丹
于 2013-01-17T17:23:15.757 回答
-1
如果您必须保留max-width: 100px，那么只需将宽度设置为等于“正确”容器的宽度，那么它们的大小将相同。
于 2013-01-17T17:35:29.563 回答