ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML/CSS 段落レイアウト_html/css_WEB-ITnose

HTML/CSS 段落レイアウト_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:52:25
オリジナル
987 人が閲覧しました

段落レイアウトの最初の行のインデント

中国語のテキストでは、段落の前に 2 つのスペースを残すのが通例です。この特別なスタイルは、次のコードで実現できます:


p{text-indent:2em;},ヘッダーに次のコードを記述します

<style type="text/css">p{text-indent:2em;}</style><strong>注意:2em的意思就是文字的2倍大小。</strong><span style="color:#FF0000;">text-indent</span>就是缩进的意思
ログイン後にコピー

段落レイアウトの行間隔

<span style="font-size:18px;"><strong><span style="color:#FF0000;">p{line-height:1.5em;}</span></strong></span>
ログイン後にコピー


段落レイアウト - 単語間隔、文字間隔

Webページのレイアウトでテキスト間隔や文字間隔を設定したい場合は、次のコードを使用できます

h1{letter-spacing:20px};

を実現するには、letter-spacing

英語の単語間の間隔を設定したい場合はどうすればよいですか?これは、word-spacingを使用して実現できます。次のコード:

h1{word-spacing:20px;}

段落レイアウト -- 配置

ブロック要素のテキストと画像に中央揃えのスタイルを設定したいですか? text-align スタイル コードを使用できます




関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート