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

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

概述我的例子只是使用jQuery中的一行 Javascript. http://jsfiddle.net/TFLMX/4/ 当我改变班级中心的html时 div class="center">Here is</div> 粉红色的div获得了中心的宽度,但这可能没有javascript吗? 也许较小的div必须在中心div?谢谢! 这里出错了:http://jsfiddle.net/TFLMX/10/ 我的例子只是使用jquery中的一行 Javascript.

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

当我改变班级中心的HTML时

div >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

总结

以上是内存溢出为你收集整理的HTML – 一个Div应该具有与之前(或内部)Div相同的宽度 – 没有Javascript?全部内容,希望文章能够帮你解决HTML – 一个Div应该具有与之前(或内部)Div相同的宽度 – 没有Javascript?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1059142.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存