1

Web では、段落は通常次のようになります。

こんにちは、これは段落で、私はライターです。私の名前は Johan Levitt です。人々は私を Joh (Johan) と略して呼びます。趣味は、Javascript、jQuery、PHP などの動的 Web 言語を使用して、Web 上でクールなものを作成することです。

しかし、私は段落を次のようにしたい:

(スペース)(スペース) こんにちは、これは段落で、私はライターです。私の名前は Johan Levitt です。人々は私を Joh (Johan) と略して呼びます。趣味は、Javascript、jQuery、PHP などの動的 Web 言語を使用して、Web 上でクールなものを作成することです。

4

6 に答える 6

5

text-indentcss プロパティを設定します。例えば

p{
   text-indent:50px;
}

于 2013-10-02T08:07:30.293 に答える
2

text-indentCSS プロパティを使用:

p { 
    text-indent: 30px;
}
于 2013-10-02T08:07:42.903 に答える
2

このようにしてみてください。

> <p style="text-indent:30px;">Hello, this is a paragraph and I am the
> writer. My name is Johan Levitt, people calls me Joh (Johan) in short
> and I have a hobby of creating cool stuffs on Web using dynamic web
> languages like Javascript, jQuery, PHP, etc.</p>
于 2013-10-02T08:11:21.637 に答える
0

他の人が答えたtext-indentように、CSS のプロパティはそのような目的のために設計されています。しかし、ほとんどの場合、段落間のデフォルトの垂直方向の間隔も抑制したいでしょう。通常、最初の行のインデントは、そのような区切りに追加するのではなく、代わりに使用されるためです。

すべての段落がp要素としてマークされていると仮定すると、次をスタイル シートに追加するだけで済みます。

p { text-indent: 1em; margin: 0 }

これにより、フォントのサイズに等しいインデントが追加されます。それか、それ以上が一般的なタイポグラフィの慣習です。2 つのスペースに等しい量が必要な場合、 の値0.5emは適切な近似値です (スペースの幅はフォントによって異なり、0.25em平均と見なされる場合があります)。

見出しの後のインデントを省略するのが一般的です。これは、追加することで実現できます。

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p { text-indent: 0 }

箇条書きや表などの後のインデントの使用は、慣例によって異なります。これは設計上の問題ですが、最初の行のインデントを使用する際には、おそらく考慮すべきです。非現実的ではないが極端なアプローチは、段落が別の段落の後に現れる場合にのみ、最初の行のインデントを使用することです。このためには、ルールのみを使用します

p+p { text-indent: 1em; margin: 0; }
于 2013-10-02T10:13:29.810 に答える
0

インデントしたい段落をインデントするには CSS クラスを使用する必要がありますtext-indent。

html:

<p class="indented">
    text
</p>

そしてCSS：

.indented{
    text-indent: 50px;
}

フィドルの例

于 2013-10-02T08:12:04.280 に答える
0

とてもシンプルです。

   p { 
        text-indent: 3em;
    }
于 2013-10-02T08:12:26.637 に答える