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 の時間タイプとモードの詳細

推薦する

最新のウェブフロントエンドフレームワーク10選を紹介（翻訳）

Web 開発の世界では、フレームワークは非常に一般的です。新しいフレームワークやテンプレートが毎日の...

Windows 10 での MySQL 8.0.19 のインストールと設定のチュートリアル

来学期にMySQLを勉強します。事前に自宅で練習していませんでした。インストールに時間がかかるとは思...

vue3 でブロック崩しゲームを開発する方法をステップバイステップで教えます

序文vue3 を使った例をいくつか書いてみましたが、Vue3 のコンポジション API はよく設計さ...

進捗バー効果を実現するJavaScript

この記事では、プログレスバー効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...

MySQL グリーンバージョン設定コードと 1067 エラーの詳細

MySQL グリーンバージョン設定コードと 1067 エラーMySQL エンコーディングを表示 &#...

EclipseにTomcatサーバー設定を追加する方法

1. ウィンドウ -> 設定を選択してEclipseの設定パネルを開きます。 2. 「設定」ウ...

div の高さをブラウザの高さに合わせて調整する方法

この古くからある疑問は、数え切れないほどのフロントエンド開発者やバックエンドプログラマーを悩ませてき...

クラウドサーバーを購入し、Alibaba Cloud に Pagoda Panel をインストールする手順

アリババクラウドがサーバーを購入クラウドサーバーを購入し、サーバーバージョンとしてcentos 7....

JavaScript BOM の説明

目次1. BOMの紹介1. JavaScriptは3つの部分から構成される2.ウィンドウオブジェクト...

Mysql 5.6ではユーザー名とパスワードを変更するメソッドが追加されました

まずMySQLにログインする シェル> mysql --user=root mysqlパスワー...

意外と知らないLinuxのSSHコマンドの使い方7選を徹底解説

システム管理者は複数のサーバーを同時に管理する場合があり、これらのサーバーは異なる場所に配置されてい...

MySQL の低速クエリの最適化: 理論と実践からの制限の利点

多くの場合、クエリの結果は最大で 1 つのデータ レコードになることが予想されます。この場合、制限 ...

Elementのメッセージポップアップウィンドウが繰り返しポップアップする問題の解決

目次1. 使用2. メッセージポップアップウィンドウが繰り返し表示される問題を解決する1. 使用Vu...

この記事では、Vueのフロントエンドページングとバックエンドページングを実装する方法を説明します。

目次1: フロントエンドの手書きページング（データ量が少ない場合） 2: バックエンドのページング、...

JavaScript ツールチェーンの不完全なガイド

目次概要静的型チェックコードスタイルチェック（Linter）パッケージマネージャーモジュールローダー...