HTMLをインデントする方法-フロントエンドQ&A-php.cn

HTMLをインデントする方法

藏色散人

リリース： 2023-01-06 11:12:46

オリジナル

18571 人が閲覧しました

html インデント効果を実現する方法: 最初に HTML サンプルファイルを作成し、次に本文にテキストコンテンツを入力し、最後に「text-indent」を使用してテキストブロック内のテキストの最初の行のインデントを指定します。属性。

HTMLをインデントする方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、DELL G3 コンピューター

HTML をインデントするには?

まず第一に、text-indent 属性を理解する必要があります。このラベルは最初の行をインデントするために使用されます。その単位は長さの単位またはパーセンテージです。

text-indent属性はテキストブロックの最初の行を指定し、テキストのインデントを指定します。

注: 負の値も許可されます。負の値を使用すると、最初の行が左にインデントされます。

注: CSS 2.1 より前では、text-indent は宣言された値ではなく、常に計算された値を継承していました。

例:

<html>
<head>
<style type="text/css">
p {text-indent: 1cm}
</style>
</head>

<body>
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>
</body>

</html>

ログイン後にコピー

効果:

HTMLをインデントする方法