Html 对中多个div

如何将多（3）个div与其中的图像（大小相同）居中

例如：

.desc{
利润率最高：2%；
}
.desc_img{
浮动：左；
字体大小：32px；
}

试试CSS：

.container{
显示器：flex；
对齐内容：居中；/*水平对齐项目（在本例中）*/
对齐项目：居中；/*垂直对齐项目（在本例中）*/
边框：2件纯黑；
}
.desc_img{
保证金：5px；
}

您的问题是当CSS

float

属性未设置为

clear

时，

元素不采用宽度。如果有三个元素必须并排放置，占据其父元素的整个宽度（在本例中为整个页面宽度），则每个元素的宽度将为33.333…%。您必须在CSS中设置宽度，因为浏览器不采用该宽度

如果

.desc\u img

元素有边距、填充或边框，则此操作无效。对于边距和填充，有一种解决方法，即将

框大小调整

属性设置为

填充框

或

边框框

，这将分别解决填充或填充和边框的问题（没有理由仅在您的情况下使用

填充框

，但在某些情况下可能会用到它。）当涉及边距时，您有两个选项（必要时这些选项也可用于解析填充和边框）：flexbox（请参阅@Michael_B的答案，并将

width:100%

添加到

.desc\u img

演示中的CSS属性中），并将它们分别包含在包装器中，以便在

中设置边距。desc\u img

中设置宽度，并在

.desc\u img

的容器中设置宽度