要命的问题？？？？CSS中如何让label的width 和height自动等于外面div的宽高

2013-05-01 10:23:50 651 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

CSS inline与inline-block布局原理与实战避坑指南 CSS display属性中的inline和inline-block是行内布局的基础概念，其差异源于浏览器对行内格式化上下文（IFC）和盒模型的底层处理机制。inline元素遵循文本流规则，width/height/margin-top-bottom等属性不生效，而inline-block则在保留不换行特性的同时，获得完整的块级盒模型控制权。这一设计直接影响垂直对齐、间隙处理、响应式适配等工程实践。掌握vertical-align作用对象、line-height连锁效应及HTML空白字符渲染逻辑，是解决导航阅读详情

我遇到的问题是：
DOM结构大致如下：
<div>
<label>test</label>
</div>
div的高度只有在运行时才能动态计算出。
如何让label的width和height自动等于外面的div的width和height，并且label中的文字垂直居中。

由于height不是定值，所以在写程序的时候是无法获取一个确定的值的。

我的label用来显示单行文本，所以想让line-height自动等于height来使label中的文字垂直居中。
我的整体布局决定了我不能使用tabel-cell和vertical-align:middle方式。所以提议这种方案的朋友就不要回复了。

...全文