8

これは私を非常に頻繁に悩ませるものです。
を作成し<div>て境界線のスタイルを設定すると（たとえばborder-radius: 3px;）、テキストは境界線のほぼ上になり、非常に見栄えが悪くなります。
私が思いついた唯一の解決策は、そのdivの内容を別のdivでラップし、ラップするdivを±3px右に移動することでした。これにより、多くの余分なマークアップが作成され、bettrソリューションがあるかのように、どういうわけか正しく感じられません。

だからここに私の質問があります：
css-onlyで上記のようにdivの内容を3ピクセル右に移動することは可能ですか？

もちろん、クロスブラウザーソリューションが必要ですが、ブラウザーごとに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ことができ、4つの側面すべてからパディングを調整することができますleft,right,top,bottom...

于 2012-09-03T08:54:32.393 に答える