【问题标题】:Border Radius Bug in Chrome Browser on Element with Display:Table带有 Display:Table 的元素上 Chrome 浏览器中的边框半径错误
【发布时间】:2013-10-21 05:29:08
【问题描述】:

我在 chrome 浏览器中遇到了边框半径问题。
使用border-style dashed 属性和border-radius 以及display:table;, background-color 超出边框的限制的元素。

它在 chrome 中的外观:

Live link: Chrome dashed border-radius issue

【问题讨论】:

  • 您是否有特殊原因需要display:table
  • 如果您绝对需要display:table,请将display:table-cell 添加到.dashed
  • 我需要这个来使垂直和水平居中,如果我将显示更改为表格单元格,则居中的效果就消失了 - 就像在这个例子中一样 - codepen.io/elad2412/pen/Cxajw

标签: css


【解决方案1】:

【讨论】:

  • 但我需要边框上的背景颜色。(因为它在 safari 和 IE9/IE10 上显示)
  • 绝对需要显示:table 吗?
  • 是的,这是我发现的将 2 行的水平和垂直内部内容居中的最简单方法。如果我找不到解决方案,我将添加另一个包装器来解决这个问题。而且我真的更喜欢在没有另一个不必要的元素的情况下解决它
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-09-13
  • 2018-07-30
  • 2021-12-02
  • 2011-02-25
  • 2014-11-29
  • 1970-01-01
相关资源
最近更新 更多