HTMLで1行目の2文字のインデントを設定する方法

HTML では、ラベルの style 属性を使用して、テキストを含むラベル要素に「style="text-indent:2em;"」コードを追加し、テキストの最初の行をインデントするように設定できます。 2文字ずつ。 text-indent 属性は、テキスト ブロック内のテキストの最初の行のインデントを制御するために使用され、「2em」は 2 文字の長さを意味します。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML では、style 属性は要素のインライン スタイルを指定します。 style 属性は、

html 最初の行のインデントを 2 文字に設定する場合は、style 属性を使用して text-indent:2em スタイルを HTML テキスト要素に追加できます。 ##

<div style="text-indent:2em;">
但教心似金钿坚，天上人间会相见。临别殷勤重寄词，词中有誓两心知。七月七日长生殿，夜半无人私语时。在天愿作比翼鸟，在地愿为连理枝。
</div>

効果画像 :

text-indent 属性は、テキスト ブロック内のテキストの最初の行のインデントを指定します。 1em は現在のフォント サイズ (font-size 属性) に相当し、2em は現在のフォント サイズの 2 倍に相当します。

先頭を 1.5 文字インデントしたい場合は、次のようにします。

<div   style="max-width:90%">但教心似金钿坚，天上人间会相见。临别殷勤重寄词，词中有誓两心知。七月七日长生殿，夜半无人私语时。在天愿作比翼鸟，在地愿为连理枝。</div>

推奨チュートリアル: 「

html ビデオ チュートリアル 」 、「 CSS ビデオチュートリアル >>

以上がHTMLで1行目の2文字のインデントを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。