8
5つのスペースを入れた後に段落を開始し、最初の行の下にあるすべての行が一直線になるようにする必要があります。 。段落の左余白をhtmlに設定する
私はdatabseからこの段落を取得しています。
完全な段落の左余白を定義するHtmlタグが必要です。
A
答えて
13
<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のタグ付きコンテンツ<p>を含むHTMLページに、新しい 'スタイル'ノードを追加し、宣言したいスタイルをラップしますそのようなクラス：だから、上記の
<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>要素は、そのスタイルルールが適用されます。おそらく、段落の内容を何らかの種類のコンテナにポンピングしているのでしょうか？このお試しください： - とない容器の外<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>
、クラス名「コンテナ」であるdivの、内部のみ<p>要素を、スタイルを適用しています。
上記以外にも、スタイルをまとめて<head>タグから削除し、外部CSSファイルを指す<link>タグに置き換えることができます。この外部ファイルは、<p>タグスタイルを配置する場所です。このコンセプトは「スタイルからのコンテンツの分離」として知られており、優れた習慣と考えられ、またスタイルを作成するための拡張可能な方法であり、メンテナンスの手間が省けます。
+0
Heh、私の熟考を終える前に正しい答え：）P – danjah
なぜクラスを使用しないのですか？ – Breezer
申し訳ありませんが、私は理解していませんでした。 – Ishan
いいえ、あなたはCSSを使い始めたいと思っています。 – weltraumpirat