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

推薦する

VMware ESXi のインストールと使用記録（ダウンロード付き）

目次1. ESXiをインストールする2. ESXiをセットアップする3. ESXiを起動するESXi...

VMware仮想マシンにLinux（CentOS）をインストールするための詳細な構成手順

CentOS7をダウンロード私がダウンロードしたイメージはCentOS-7-x86_64-DVD-1...

Vueの学習手順

目次1. v-text (v-instruction name = "variable&q...

WEB中国語フォントアプリケーションガイド

Web 上でフォントを使用することは、基本的なスキルであると同時に芸術でもあります。英語のフォントに...

CSS3 における擬似クラスの一般的な使用法の詳細な説明

before/after 疑似クラスは、要素内に 2 つの追加タグを挿入するのと同じです。最も適した...

Dockerコンテナの紹介

Dockerの概要Docker はオープンソースのソフトウェア展開ソリューションです。 Docker...

html2canvas を使用して HTML コードを画像に変換する方法

コードを画像に変換するにはhtml2canvas は、ブラウザから Web ページのスクリーンショッ...

DockerコンテナでPythonを実行するディープラーニング環境を構築する方法

タスク マネージャーで仮想化を確認し、有効になっている場合は仮想化を、無効になっている場合はコンピュ...

【HTML要素】タグテキストの詳細説明

1. 基本的なテキスト要素を使用してコンテンツをマークアップするまず表示効果を見てみましょう:対応す...

MySQL はデータベースを動的に更新します スクリプト例の説明

具体的なupgradeスクリプトは次のとおりです。インデックスを動的に削除する アップグレードが存在...

nginx を使用してカナリアリリースをシミュレートする方法

この記事では、ブルーグリーン デプロイメントと、nginx を使用してカナリア リリースを最も簡単な...

dl、dt、dd はいつ使用するのが適切ですか?

dl：定義一覧定義リストdt：定義タイトルタイトルを定義するdd：定義説明定義の説明dt は情報のタ...

Vue Router の 10 の高度なヒントのまとめ

序文Vue Router は、Vue.js の公式ルーティング マネージャーです。 Vue.js の...

ウェブ画像のホットリンクと座標値を設定するサンプルコード

時には、画像上に複数の領域を設定する必要があります。マウスで画像のさまざまな領域をクリックしてさまざ...

CentOS 6 は Docker を使用して Zookeeper 操作例を展開します

この記事では、Docker を使用して Centos6 に Zookeeper をデプロイする方法に...