html – 为每个元素平均划分一个空格

前端之家收集整理的这篇文章主要介绍了html – 为每个元素平均划分一个空格前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法为每个元素平均划分空格(或div)而不指定宽度的绝对值.只是为了使CSS代码灵活.

例如,如果您将这些元素放入div:

<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
</div>

CSS会自动给每个.child元素宽度= 50%

在这个例子中:

<div id="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
</div>

CSS也会自动给每个.child元素宽度= 25%

可能吗?

解决方法

你必须使用我害怕的表并为子div添加一个包装,你可以这样做:
#parent{
width: 1000px; /* Example width */
height: 100px; /* Example height */
display: table;
table-layout: fixed;
}
.childwrap {
display:table-row;
}
.child{
display: table-cell;
}

示例:http://cssdesk.com/rZKRW

原文链接:https://www.f2er.com/html/225638.html

猜你在找的HTML相关文章