Html 若我必须对一行中的多个div使用float left，有并没有办法用剩余空间将它们居中？

对于我的类，我必须让3个

div

s浮动成一行，外部两个的大小是中间两个的一半。行没有在页面上居中，这让我抓狂。有没有一种方法可以在不去除浮子的情况下使它们居中

我尝试创建一个带有文本对齐的容器div，就像在黑暗中拍摄一样，但没有成功。我看到的所有其他研究都是将float改为display，但我必须使用float，所以我不能这样做

div.container{
宽度：100%；
文本对齐：居中；
边界：无；
背景颜色：粉红色；
身高：100%；
}
封面{
宽度：20%；
}
分区作者{
宽度：50%；
字体系列：calibri；
}
部门链接{
宽度：20%；
}

发散型
维罗妮卡·罗斯





https://www.britannica.com/biography/Veronica-Roth

或

或

---

或者您可以使用

文本对齐：居中，然后
显示：inline块
在父div内的每个div上
您将3个“列”包装到容器div中的本能是正确的。这允许您使用通常称为“clearfix”的技巧。页面的正常框流会忽略“浮动”的项目，这就是容器似乎会折叠并忽略浮动内容的原因

真令人沮丧

这是“clearfix”：

容器上的
：after
伪选择器与在容器中放置一个空div作为最后一项是一样的。通过清除漂浮物，容器将包裹漂浮物

这是一个黑客。。。但它是有效的！在Flexbox和cssgrid等真正的布局系统出现之前，整个web开发社区已经用它“修复”了多年来使用float创建布局所固有的困难

容器清除内部浮动项目后，只需设置宽度，使其加起来等于100%，就可以了


div.container{
宽度：100%；
文本对齐：居中；
边界：无；
背景颜色：粉红色；
身高：100%；
}
分区容器：之后{
内容：''；
显示：表格；
明确：两者皆有；
}
封面{
宽度：25%；
浮动：左；
}
分区作者{
宽度：50%；
字体系列：calibri；
浮动：左；
}
部门链接{
宽度：25%；
浮动：左；
}






发散型
维罗妮卡·罗斯






我看到的所有其他研究都是将float改为显示，但我必须使用float-->因为这是唯一的方法，居中和float不是朋友“我必须让3个div浮动成一行，外部两个div的大小是中间一个的一半。”-但你的代码实际上并不是这样做的。20%不是50%的一半
align
属性在
div上无效
我真的很喜欢你的态度，但遗憾的是它不起作用
div.container position:relative;
div.cover float:left;
div.autor  put inside tag align="center" 
div.links float:right; 

div.autor margin:5%;

display:inline-block;

div.container:after {
  content: ''; /* no content in this pseudo element */
  display: table; /* be 100% wide */
  clear: both; /* clear the previous floats */
}