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;}
---- -------------------------------------------------- -------------------
<< 1. 最初のメッセージ.... ...................................2013 -01-06
..... ................................2013-01-06
;/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 ピクセルですが、必要に応じてポイントの位置を下部または中央に配置します。
私の方法が役に立ったら、ぜひコメントを残してください。ありがとう！助けを求めて投稿し、助けを得た後に時間内に投稿できることも美徳です
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
