8

这是经常让我烦恼的事情。
如果您创建一个<div>并设置边框样式（例如，border-radius: 3px;），则文本几乎位于边框顶部，这看起来很糟糕。
我能想出的唯一解决方案是将该 div 的内容包装在另一个 div 中，并将包装 div ±3px 向右移动。这会产生很多额外的加价，而且感觉不太对劲，好像有更好的解决方案一样。

所以这是我的问题：
是否可以如上所述仅使用 css 将 div 的内容向右移动三个像素？

当然我想要一个跨浏览器的解决方案，但我不介意每个浏览器有 1 个 css 规则，我可以将它放在我的样式表底部的某个地方，并且不再查看它，这不会使标记复杂化。

4

3 回答 3

12 
padding-left:3px;

将其添加到其中包含文本的 div 中。

阅读有关填充的更多信息：http: //www.w3schools.com/css/css_padding.asp

于 2012-09-03T08:41:06.033 回答
3

很简单，您可以使用padding: 0 3px;（仅限水平填充），padding-left: 3px;..

http://jsfiddle.net/Kyle_Sevenoaks/D3BSL/4/

于 2012-09-03T08:41:53.210 回答
-1

我希望你看起来像这样：- http://tinkerbin.com/q4cVJ0FF

HTML

<div>stack</div>

CSS

div {
background:red;
border-radius:3px;
    padding-left:3px;
}

您可以轻松获得所需的通过padding，并且可以从所有四个侧面调整填充left,right,top,bottom...

于 2012-09-03T08:54:32.393 回答