我正在构建一个工具栏,我希望以下示例中的黄色部分占据整个空间(白色):
<div class="left"> Some content </div>
<span class="middle"> This should fill the space left </span>
<div class="right"> Some other content </div>
用CSS:
.left {
float: left;
background-color: #ddd;
display: inline-block;
}
.middle {
background-color: yellow;
display: inline-block;
}
.right {
float: right;
background-color: #ddd;
display: inline-block;
}
编辑:左右的内容是动态的,它可以改变,所以我不想在它们上设置宽度