情報リスト表示の問題 ul?lilayout_html/css_WEB-ITnose

css リスト

css:
#raider_list a{ text-decoration:none; font-size:12px; color:#930}
#raider_list a:hover{ text-decoration:underline; -family:"宋体"; font-size:12px; color:#930}
#raider_list ul{ list-style:noneOutside none;}
#raider_list ul li{ line-height:26px;}
---- -------------------------------------------------- -------------------
1e2494cc7ec047315f125ebeadf97289
8d4a92af4da92da5980cd1fca8338ee9
..... ................................2013-01-065db79b134e9f6b82c0b36e0489ee08ed
;/ul>/div> ------------------------
タイトルの長さが異なりますが、次のドットをタイトルに自動的に入力することは可能ですか?そしてデート。
効果



ディスカッションへの返信 (解決策)

js を使用して実行するか、バックグラウンドで実行することを検討してください 結局のところ、CSS は単なる表現手段です
責任を持ってお伝えします。

最初に変更する必要があるのは、ul の li の構造です

<li><a href=""><< 1.第一个信息</a><span>2013-01-06</span></li>

2 つ目は、スタイルの変更です

#raider_list li{border-bottom:dotted 1px #999;height:20px;}#raider_list li a{background:#fff;display:block;float:left;line-height:20px;}#raider_list li span{background:#fff;display:block;float:right;line-height:20px;}

この書き方では問題が発生します。つまり、li 全体の下に点線の枠がまだ残っています。最良の解決策は、このポイントを画像に切り取り、それを繰り返すことです。画像の高さは 20 ピクセルですが、必要に応じてポイントの位置を下部または中央に配置します。
私の方法が役に立ったら、ぜひコメントを残してください。ありがとう！助けを求めて投稿し、助けを得た後に時間内に投稿できることも美徳です