在CSS中，我可以排列内联的高度吗？

2018-07-02 00:22:55

在CSS中，我可以排列内嵌块的高度吗？

我认为通过将边距设置为0并将高度设置为自动，该块将扩展以适应可用空间，但仍然紧密地围绕该块。

.myclass {
    display: inline-block;
    margin: 0em;
    padding: 1em;
    height: auto;
    border: solid;
}

http://jsfiddle.net/6NQDw/

我希望两个盒子的高度相同，但要求div宽度/高度由其内容决定，而不是以像素为单位指定宽度/高度。

是否有某种填充/边距/对齐CSS或类似的东西，我可以使用？

你可以使用display:table-cell; 如果你需要一个纯粹的CSS解决方案，但要注意它不会在IE7中工作（我猜IE6现在已经完全被遗忘了）。

.myclass {
    display: table-cell;
    margin: 0em;
    padding: 1em;
    height: auto;
    border: solid;
}

跨浏览器支持显示：表格单元格

实现你所需要的最好的选择是JavaScript，但是使用动态内容明确地设置容器的宽度几乎总是错误的。

你可以使用display: table-cell; 使盒子匹配彼此的高度。

如果您想要支持IE7，则不能使用内嵌块或表格单元格。

只需使用float：左边是安全的...

否则你将只使用一个单独的css专用于IE7。

链接地址: http://www.djcxy.com/p/89253.html