Div应该具有与之前(或内部)Div相同的宽度 - 没有Javascript?

时间:2012-08-28 10:40:35

标签: html css

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

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

当我将班级中心的html更改为

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

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

出现问题:http://jsfiddle.net/TFLMX/10/

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

1 个答案:

答案 0 :(得分:2)

我使用了这个逻辑并按你的意愿工作:

  

max-width+padding+margin第二个div&lt;前一个div的min-width+padding+margin

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

Working DEMO