【问题标题】:CSS relative size columns unequal width problemCSS相对大小列不等宽问题
【发布时间】:2011-08-26 16:08:09
【问题描述】:

我正在尝试基于 oocss 框架实现相对宽度列。为了在列之间添加一个装订线,我在列及其内容之间添加了一个内部 div。

问题是我最终得到宽度不等的列...

我可以通过对第一列和最后一列使用相同的填充来避免这种情况,但由于我想嵌套列,它会在右侧和左侧创建一个移位...

这是一个小提琴:

http://jsfiddle.net/WxPSm/2/

欢迎任何想法!

谢谢

【问题讨论】:

    标签: css grid width gutter


    【解决方案1】:
    .unit > .content:first-child {
    padding: 0 2em;
    

    }

    问题在于您的内部 .content div。中间列的两边都有填充,因为左列只有右边有填充,右列只有左边有填充。

    外部单元 div 的大小都相同。如果您需要视觉效果,则使用 firebug 检查元素可以很好地突出显示填充。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-01-16
      • 1970-01-01
      • 2015-03-12
      • 2014-03-15
      相关资源
      最近更新 更多