HTML – 一个Div应该具有与之前(或内部)Div相同的宽度 – 没有Javascript？

2023年9月22日 260次阅读

我的例子只是使用jQuery中的一行
Javascript.

http://jsfiddle.net/TFLMX/4/

当我改变班级中心的html时

div class="center">Here is</div>

粉红色的div获得了中心的宽度,但这可能没有javascript吗？
也许较小的div必须在中心div？谢谢！

这里出错了：http://jsfiddle.net/TFLMX/10/

div’较小’必须在任何时候具有与’center’相同的动态宽度.
但是,“较小”中的文本必须得到一个自动换行,如果它变小,则在一行上显示文本.

最佳答案 我使用这个逻辑并按你的意愿工作：

max-width+padding+margin of second div < min-width+padding+margin of previous div

.smaller {
    background: pink;
    padding: 10px;
    line-height: 1.5em;
    max-width:100px;
    margin:0 5px;
}

Working DEMO

点赞