10

5 つのスペースを入れた後に段落を開始したいのですが、最初の行の下のすべての行が直線になる必要があります。つまり、段落内のすべての行は開始前に 5 つのスペースが必要です。

私はデータベースからこの段落を取得しています。

段落全体の左マージンを定義する Html タグが必要です。

4

1 に答える 1

19 
<p style="margin-left:5em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet. Phasellus tempor nisi eget tellus venenatis tempus. Aliquam dapibus porttitor convallis. Praesent pretium luctus orci, quis ullamcorper lacus lacinia a. Integer eget molestie purus. Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>

明らかにいくつかの改善点がありますが、それが基本です。そして、私'em'は測定値として使用します. などの他の単位を使用することもできます'px'.

編集: 上で説明しているのは、スタイルまたはクラスのグループを Web ページ上の要素に関連付ける方法です。いくつかの方法でそれを実装できます。ここにあなたに合った方法があります：

DB からタグ付けされたコンテンツを含む HTML ページ<p>で、新しい「スタイル」ノードに追加し、クラスで宣言するスタイルを次のようにラップします。

<head>
  <style type="text/css">
    p { margin-left:5em; /* Or another measurement unit, like px */ }
  </style>
</head>
<body>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p>
</body>

上記のように、<p>ドキュメント内のすべての要素にそのスタイル ルールが適用されます。おそらく、段落のコンテンツを何らかのコンテナに送り込んでいますか? これを試して：

<head>
  <style type="text/css">
    .container p { margin-left:5em; /* Or another measurement unit, like px */ }
  </style>
</head>
<body>
  <div class="container">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet.</p>
  </div>
  <p>Vestibulum porta mollis tempus. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p>
</body>

上記の例では<p>、クラス名が「container」である div 内の要素のみにスタイルが適用され<p>、コンテナ外の要素にはスタイルが適用されません。

上記に加えて、スタイルをまとめてタグからスタイル要素を削除し、外部 CSS ファイルを指すタグ<head>に置き換えることができます。<link>この外部ファイルは、<p>タグ スタイルを配置する場所です。この概念は「スタイルからコンテンツを分離する」として知られており、優れたプラクティスと見なされており、スタイルを作成するための拡張可能な方法でもあり、メンテナンスを少なくするのに役立ちます。

于 2010-12-22T07:30:17.613 に答える