ホームページ > 記事 > ウェブフロントエンド > CSSでの表示属性の使い方
CSSでの表示属性の使い方
- 青灯夜游オリジナル
- 2021-04-27 18:31:236634ブラウズ
CSS での表示属性の使用: 1. 要素をある型から別の型に変換します。たとえば、ブロック要素をインライン要素に変換するには、「display:inline;」ステートメントを使用します。2. 要素を非表示にする、構文は「表示:なし;」です。
このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。
表示属性: 要素をある型から別の型に変換します
表示属性の値:
-
inline: インライン要素
block: ブロック要素
inline-block: インラインブロック要素
table: テーブル形式で表示table 要素
table-row: tr 要素
table-cell と同様に、テーブルの形式で表示されます。 : テーブル形式で表示 td 要素と同様の形式で表示
none: 隠し要素
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
img{
display: block;/*使图片换行*/
}
div{
width: 48%;
border: 1px solid red;
display: inline-block;/*使div分块*/
}
</style>
<title>display</title>
</head>
<body>
<img src="../../img/coffee.jpg" alt="">
<img src="../../img/coffee.jpg" alt="">
<div>
div1
</div>
<div >
div2
</div>
</body>
</html>
(学習ビデオ共有: css ビデオ チュートリアル)
以上がCSSでの表示属性の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。