0

下の画像のように、見出しタグをliタグの下部にフロートさせようとしています。したがって、テキストが短い場合でも、テキストは常に下部に留まり、上部にのみ拡張されます。

見出しはliから溢れ出ているようです。どんな助けでも大歓迎です。http://jsfiddle.net/noscirre/JtVGp/1/を参照してください

<ul style="list-style:none;">
  <li style="float:left; width:70px; height:90px; margin:0 10px 10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px; border: 4px solid #0CF; padding:10px; position:relative;"> 
      <a title href="#">
            <div style="background:#9F0; width: 50px; height: 50px; float:left; display:block"></div>
            <h2 style="font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; bottom: 10px; position:absolute ">ANOTHER APP</h2>
      </a> 
    </li>
</ul>

ここに画像の説明を入力してください

4

2 に答える 2

0

コードにcssを1行追加してください

cssの空白を次のように定義します

 white-space: pre;

ライブデモhttp://jsfiddle.net/JtVGp/2/

于 2012-06-14T11:14:52.250 に答える
0

私があなたが望むものを正しく理解した場合：

ヘッダーに追加right: 5pxします-これにより、liの右端からスペースが空けられるため、過剰にスピルしているようには見えません。

の値で遊んで、right希望widthする正しい結果を達成することができます。

于 2012-06-14T11:17:08.753 に答える