2

サイドバーのuls内のh2テキストを右に揃え、左から「スクイーズ」して、テキストが別々の行に表示され、背景画像の右側の太い部分にきちんと収まるようにします。私は本当にあなたの助けに感謝します...

#l_sidebar ul h2,
#r_sidebar ul h2 {
 background: transparent url("images/tag_green01.png") top left no-repeat;
 text-align: right;
 width: 180px;
 height: 50px;
 padding-top: 50px;
}

サイト：http ：//www.wespeakfashion.com/

4

1 に答える 1

2 
width: 180px;

これがH2の幅であるため、そのスペースに収まり、折り返す必要のないテキストは折り返されません。強制的に折り返す場合は、a）折り返すまでH2の幅を縮小するか、b）
テキストの各単語の間にタグを追加する必要があります。

アップデート：

HTMLに問題があります。無効です：

<div id="l_sidebar">
    <ul class="l_sidebarwidgeted">
        <h2>Recently Written</h2>
        <ul>

ULの直接の子を許可するのはLIだけです。

次のようなものを試してください。

 <div id="l_sidebar">
    <h2>My<br>Title<br>Here</h2>
    <ul>
        <li>etc...

h2はtext-alignになります：右。次に、サイドバーの右端に沿ってテキストの配置を調整するために、パディングを右に行うことができます。

于 2011-04-01T21:55:28.247 に答える