javascript-CSS中Java window.pack()的等效项
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript-CSS中Java window.pack()的等效项，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1224字，纯文字阅读大概需要2分钟。
内容图文
我对CSS非常陌生.我正在尝试在< div>周围创建边框我希望将其限制为div内元素的大小,并与可能在div中显示或隐藏的对象的新对象成比例地动态调整大小.
我已经尝试过弄乱边界半径：和em测量,但是我没有取得太大进展.我看过here和 here,但都没有真正导致产生与Java中window.pack()相当的结果.我正在使用CSS,JavaScript和jquery.我认为这并不重要,但是html主要是通过ejs编写的.
这是我目前拥有的东西,但只是页面宽度的一个框：
{
border-style: solid;
border-color: blue;
border-radius: 1-4 length|% / 1-4 length|%;
}
解决方法:
好吧,我想我知道你在问什么.
您可能会看到的问题是,默认情况下,div是display：block,这将导致它们在容器中伸展(除非满足某些条件,例如显式调整大小,绝对定位等).
快速解决：为了使它们随内容增加或缩小,您将必须将它们设置为display：inline-block;
您可能还应该研究CSS盒模型. Here’s a decent article to help with that
边界位于div的“外部”. div(如果设置为显示：inline-block)将默认为自动宽度(又名,宽度：自动)和高度(高度：自动),这将导致其随子项而增大或缩小.由于边界位于div的外部,并且div越来越大,所以您可以前往.
稍微高级一点,可以在div内容和边框之间添加填充,只需在CSS中设置填充即可：padding：3px例如.填充也“生活在” div的外部,但在边界之前.如果这样的话.
编辑：另外,如果您不熟悉该工具：You might try playing with your HTML and CSS in something like JSFiddle.
内容总结
以上是互联网集市为您收集整理的javascript-CSS中Java window.pack()的等效项全部内容，希望文章能够帮你解决javascript-CSS中Java window.pack()的等效项所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。