1. コンテナの幅: width: value; (px、%、両方を使用できます)
2. テキストを 1 行で表示します: white-space: nowrap ;
3. オーバーフロー コンテンツを非表示にする: overflow: hidden;
4. オーバーフロー テキストに省略記号を表示する: text-overflow: ellipsis;
注: この記事のオーバーフローを設定するには、1 行のテキストを指定する必要があります。 ! !
IE6+; chrome1.0+; (Firefox、Opera はまだサポートされていません)
3. コンテナ内で要素を垂直方向に中央揃えに設定するには、変更する必要があります
display
属性値は inline-block;であり、兄弟要素 (ruler) を追加します (兄弟要素 [ruler] スタイルは vertical-align
:middle;width:0;height: に設定されています) 100%;表示:インラインブロック;)。 3 つの条件:
1:
text-align
:center をコンテナー (親要素) に追加する必要があります。 2: 現在の要素をインライン ブロック要素 (display:inline-block;) に変換して追加する必要があります。現在の要素にvertical-align:middle;3を追加します: 現在の要素の後に兄弟要素spanを追加し(改行なし)、vertical-align:middle;width:0;height:100%;display:inline -block;
4. 置換要素と非置換要素
置換要素と非置換要素
a) 置換要素: ブラウザは、タグと属性に基づいて要素の具体的な表示コンテンツを決定します。 たとえば、ブラウザは画像情報を読み取り、
ラジオボタン
などを表示するかどうかを決定します。 HTML の (x)