最大宽度的div总是适合宽松的内容-Java 学习之路

看看这个jsfiddle：http://jsfiddle.net/tN6QE/2/

我们有CSS

div {
  display: inline-block;
  border: solid 1px black;
  padding: 10px;
  max-width: 200px;
}

有两个场景 . 当内容的宽度小于200px时，div将调整大小以适应内容，在最后一个单词和右边框之间恰好为10px .

当内容大于200px时，即使单词包装句子的宽度小于200px，div也总是保持200px的宽度 . 也就是说，在div内突出最远的单词将大于或等于右边界的10px . 我想要的是div调整大小，使它在最右边的单词和边框之间始终精确地为10px（同时保留 max-width 和文本左对齐） .

我尝试过玩 word-wrap ， word-break 和 white-space 等属性 . 提供 width 属性将不起作用 max-width 将override it .

有任何想法吗？这有可能吗？谢谢！

1 回答

用Solution检查这个小提琴

div {
    display: inline-block;
    border: solid 1px black;
    padding: 10px;
    max-width: 200px;
    text-align:justify;    
}
div:after{
    content: "";
    display: inline-block;
    width: 100%;
}

回复于 2024-04-25T16:55:18+08:00

最大宽度的div总是适合宽松的内容

1 回答

相关问题