我有一个大<div>,里面有三个小<div>,内联.它们每个都有33%的宽度,但这会导致一些对齐问题,因为3*33%=<div>%.在这样的CSS中表示完美的三分之一的最佳方式是什么?也许只有33.33%?

推荐答案

现在calc在现代浏览器中是widely supported,你可以使用:

#myDiv {
    width: calc(100% / 3);
}

或者,如果您的浏览器不支持此功能,您也可以将其用作后备选项:

#myDivWithFallback {
    width: 33.33%;
    width: calc(100% / 3);
}

Css相关问答推荐

如何为FLEX方向编写响应式的CSS

如何在CSS中实现边框的局部透明?

媒体查询在生产中没有响应:React 18 应用程序

:not() 适用于特定类中的所有 html 标签

CSS Select 标签旁边的文本并输入

Tailwind CSS 不输出背景类

使用 place-content: center 的全宽 CSS 网格项目

如何减少弹性项目之间的差距

在 dbc.Container 上方包含横幅 - Dash

如何在悬停另一个部分的元素时使元素可见?

如果中间元素的内容不适合 CSS,如何将其分隔到新行?

条件宽度和省略号不适用于样式化组件 - React.js

如何应用适当样式的元素加消息框?

BootStrap:右对齐嵌套手风琴

使用 CSS 填充悬停过渡的闪烁文本问题

如何仅包装左侧内容

为什么 em 不将定义的字体大小加倍?

CSS - 等高列?

宽度和高度似乎不适用于 :before 伪元素

Bootstrap 4:导航内的多级下拉菜单