在CSS中,我可以排列内嵌块的高度吗?
我想通过将边距设置为0并将高度设置为自动,块将扩展以适应可用空间,但仍然紧紧包裹在块上.
.myclass { display: inline-block; margin: 0em; padding: 1em; height: auto; border: solid; }
我希望两个框都是相同的高度,但是希望div宽度/高度由它们的内容确定,而不是指定宽度/高度(以像素为单位).
是否有某种填充/边距/对齐CSS或类似我可以使用的东西?
解决方法
你可以使用display:table-cell;如果您需要一个纯CSS解决方案,但是请注意,它将无法在IE7中运行(我猜IE6现在完全被遗忘了).
.myclass { display: table-cell; margin: 0em; padding: 1em; height: auto; border: solid; }