0

純粋な CSS (画像なし) を使用してリボンを作成しましたが、その中のテキストが中央に配置されていません。テキスト: NEW は部分的にのみ表示されます。あなただけが読むことができます：NE

私のフィドルを見てください：http://jsfiddle.net/mauricederegt/8kv6v/

テキスト NEW がリボンの中央に配置されるようにこれを修正するにはどうすればよいですか?

敬具、モーリス

4

1 に答える 1

1

これは、div.ribbon-greenが非常に広く、中央が右側に来るように配置されているためです。NEW の E は の中心ですdiv.ribbon-green。したがって、表示されているラッパーの一部で NEW を中央に配置するには、 の位置を移動する必要がありdiv.ribbon-greenます。少し動き回ってみたところ、次の位置が機能することがわかりました。

.ribbon-green {
  left: -10px;
  top: 5px;
}
于 2012-04-24T12:07:05.183 に答える