css - 对齐 float 的 div 以填充整个空间

标签 css css-float margin

所以我有一个 720px 宽的 div,我用 140px 宽的 div 填充它,向左浮动。我希望能够将这些 div 与包含的 div 的左右边缘对齐。

当然,问题是当我在 float div 上放置一个 margin-right 时,由于该边距,右边缘不会对齐。左边距产生相同的结果,但在左边缘。

有什么办法可以解决这个问题吗?

最佳答案

试试这个:Link

您可以将元素放入行中,并使用这些 css2 选择器检测第一个、中间和最后一个元素。您可以为内部的不同位置指定不同的边距。

element:first-child {

}

element:last-child {

}

element .className {
     margin-left: 6px;
}

关于css - 对齐 float 的 div 以填充整个空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6102429/

相关文章:

html - 让容器识别 css float 而不是自动调整高度

css - Margin Auto 需要居中

html - 创建导航 - 内联 block 还是 float ?

html - 无法使 div 居中

css - 标题中不一致的边距从何而来?

html - float 和 margin 如何一起使用?

css - 菜单换行 - Chrome CSS 问题

css - 如何使用嵌套的flexbox制作网格

css - Bootstrap 中有没有办法在小屏幕上将一列设置为 "split"?

css - 在 'rendering:background' 日历上显示事件标题