コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

WBOY
リリース： 2016-06-21 09:40:41
オリジナル
934 人が閲覧しました

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 ピクセルですが、必要に応じてポイントの位置を下部または中央に配置します。
私の方法が役に立ったら、ぜひコメントを残してください。ありがとう！助けを求めて投稿し、助けを得た後に時間内に投稿できることも美徳です

関連ラベル：
有关信息列表显示的问题ul?li布局
ソース：php.cn
前の記事：CSS 外部スタイルを導入して page_html/css_WEB-ITnose を生成した後は無効です 次の記事：div コンテンツを追加し、img alt に text_html/css_WEB-ITnose を表示します
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1870
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2036
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1713
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1614
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1627
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート