圆角没有回应

Question

我正在尝试将我的角落设计为四舍五入，但其中两个似乎没有响应，我认为这与我将边距和填充放入并且它正在弄乱它的事实有关。救命啊！

[ { key: { date: 0, author: 'Mr X' },
    value: 2 },
  { key: { date: 0, author: 'Ms Y' },
    value: 3 },
  { key: { date: 1, author: 'Mr X' },
    value: 1 },
  { key: { date: 2, author: 'Mr X' },
    value: 1 },
  { key: { date: 2, author: 'Ms Y' },
    value: 3 },
  { key: { date: 3, author: 'Mr X' },
    value: 2 },
  { key: { date: 3, author: 'Ms Y' },
    value: 1 } ]

Answer 1

是的，如果您在此处为图片添加填充，则在图像内部会有一些距离。你可能想要的是图像之外的距离。为此，只需将padding-left替换为margin-left，您就可以了。

Answer 2

HTML：

[  <img class="myimage" src="http://cdn.wonderfulengineering.com/wp-content/uploads/2016/01/nature-wallpapers-8.jpg">  }

CSS：

body{background-color:#cccccc;}
img.myimage{width:50%;border-radius:20px}

请参阅此jsfiddle代码：

https://jsfiddle.net/jak1tcaj/5/