Html 如何自动设置宽度？

我需要创建一个包装器（容器），里面有2到4个div，如下所示：

我的问题是，我无法设置内部div的宽度，因为它们必须具有相等的宽度，所以如果我的包装器是300px，而我只有两个内部div（150px一次），等等

但是我不能将宽度设置为.css文件，因为正如我所说的，可以有2到4个div

问题是：是否可以自动调整内部div的大小（以获得整个包装的宽度）

---

谢谢

可能使用百分比？如果您有2个div，请在每个div上放置

style=“width:50%”

。如果您有4个div，请在每个div上放置

style=“width:25%”

。

是否可以使用百分比？如果您有2个div，请在每个div上放置

style=“width:50%”

。如果您有4个div，请在每个div上放置

style=“width:25%”

。

您可能希望在内部div中尝试%

例如，您可以有如下内容：

<div id="wrapper">
    <div style="width:25%"></div>
    <div style="width:25%"></div>
    <div style="width:25%"></div>
    <div style="width:25%"></div>
</div>

---

您可能希望在内部div中尝试%

例如，您可以有如下内容：

<div id="wrapper">
    <div style="width:25%"></div>
    <div style="width:25%"></div>
    <div style="width:25%"></div>
    <div style="width:25%"></div>
</div>

---

您可以使用

display:table

属性：

.wrapper{
    width:300px;
    border:2px solid green;
    display:table;
}
.wrapper > div{
    display:table-cell;
    border:1px solid red;
    height:50px;
}

---

选中此项

您可以为此项使用

display:table

属性：

.wrapper{
    width:300px;
    border:2px solid green;
    display:table;
}
.wrapper > div{
    display:table-cell;
    border:1px solid red;
    height:50px;
}

---

选中此项，然后尝试jquery。这会奏效的

$(document).ready(function(){
var divWidth = parseInt($('.wrapper').css('width'));
var divSizes = parseInt($('.wrapper >div').size());
var divWidth = divWidth/divSizes;

$('.wrapper >div').each(function(){
$(this).css('width', divWidth+'px')
})
})

---

试试jquery。这会奏效的

$(document).ready(function(){
var divWidth = parseInt($('.wrapper').css('width'));
var divSizes = parseInt($('.wrapper >div').size());
var divWidth = divWidth/divSizes;

$('.wrapper >div').each(function(){
$(this).css('width', divWidth+'px')
})
})

---

你可以简单地做到这一点

#wrapper > div {
  float:left;
  width:25%;
}

---

你可以简单地做到这一点

#wrapper > div {
  float:left;
  width:25%;
}

---

是的，我可以做，但没有它是不可能的？我是说。。。他们是否可以在不设置%的情况下自动调整大小？是的，我可以这样做，但没有它是不可能的？我是说。。。他们是否可以在不设置%的情况下自动调整大小？