HTML での Li タグの使用例

HTML での Li タグの使用例

タイトルを左に、日付を右に揃えたいのですが、日付の範囲に float:right を直接追加すると、IE8 と FF では問題ありませんが、IE6/7 では折り返されてしまいます。ここでは、シンプルで効果的な解決策を紹介します。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >     
  2. < html   xmlns = "http://www.w3.org/1999/xhtml" >     
  3. <ヘッド>   
  4.     <メタ  http-equiv = "コンテンツタイプ"  コンテンツ= "text/html; 文字セット = utf-8"   />   
  5.     <タイトル> </タイトル>   
  6. <スタイル>   
  7. <!--
  8.   
  9. #mylist { 幅:400px; リストスタイルタイプ:なし; 余白:0; パディング:0; }
  10. #mylist li span {
  11. フロート:右;
  12. }
  13. -- >     
  14. </スタイル>     
  15. </ヘッド>     
  16. <本文>     
  17. < ul   id = "マイリスト" >   
  18.   
  19.          < li > < span > 2011-12-2 </ span > Web 開発者ネットワーク (Admin10000.com) </ li >   
  20.          < li > < span > 2011-12-2 </ span > Web 開発者ネットワーク (Admin10000.com) </ li >   
  21.          < li > < span > 2011-12-2 </ span > Web 開発者ネットワーク (Admin10000.com) </ li >             
  22. </ ul >   
  23.   
  24. </本文>     
  25. </html>     

注: span は Li タグの先頭に記述する必要があります。これにより、IE6/IE7/FF3.5 より前のバージョンでは、span 内の日付が右揃えになります。

<<:  Docker ベースのよく使われる CentOS7 イメージの概要

>>:  MySQL の時間タイプとモードの詳細

推薦する

CSSスタイルシートとフォーマットレイアウトの詳細な説明

スタイルシートCSS (カスケーディング スタイル シート) は、HTML Web ページを美しくす...

Mac で MySQL バージョン 5.6 のパスワードを設定する方法

MySQLはインストール時に設定できますが、それより低いバージョンは設定できないようで、インストール...

Idea で Tomcat のソースコードデバッグを開始し、デバッグのために Tomcat に入る方法

idea 開発ツールを使用してコードをデバッグする場合、Java Web プロジェクトで、Web コ...

MySQLのトランザクションとデータ一貫性処理の問題を分析する

この記事では、セキュリティ、使用方法、同時処理などを通じて、MySQL トランザクションとデータの一...

Linux ディスク領域解放問題の概要

IDC のサーバーの /partition 使用率がいっぱいです。 100% に到達しました!確認し...

CSSはcalc()を使用して現在の表示画面の高さを取得します

まず、CSS3 の相対的な長さの単位を見てみましょう (詳細なチュートリアルを参照してください)。相...

異なるデータベースで DROP TABLE を書く方法

異なるデータベースで DROP TABLE を書く方法1.MySQL 存在する場合はテーブルを削除 ...

Linux デュアル ネットワーク カード バインディング スクリプト メソッドの例

Linux の操作と構成作業では、デュアル ネットワーク カードのバインディングがよく使用されます。...

MySQL ページングクエリ最適化テクニック

ページング クエリを使用するアプリケーションでは、LIMIT と OFFSET を含むクエリが非常に...

JavaScriptクロージャの原理と機能の詳細な説明

目次導入クロージャの使用カレー作りパブリック変数の実装キャッシュカプセル化(属性のプライベート化)閉...

Linuxカーネルの浮動小数点演算のサポートに関する簡単な説明

現在、ほとんどの CPU は浮動小数点ユニット (FPU) をサポートしています。FPU は、プロセ...

Linux CentOS MySQL データベースのインストールと設定のチュートリアル

MySQLデータベースのインストールに関するメモ、みんなで共有a) MySQL ソースインストールパ...

Dockerコマンドの自動補完の実装

序文この友人がどれくらいDockerを使っていなかったのかは分かりませんが、突然Dockerコマンド...

MySQLのビューの詳細な説明

ビュー: MySQL のビューはテーブルと多くの類似点があります。ビューも複数のフィールドと複数のレ...

JavaScript を使用してカルーセル効果を実装する

この記事では、カルーセルマップの特殊効果を実現するためのJavaScriptの具体的なコードを参考ま...