線に関して定義text-alignしたセクションがありますがleft、何らかの理由で有効になりません
<section id="topic1">
This is a centered Heading for Topic 1<br>
<span class="text">This is a left aligned line</span>
</section>
section {
text-align: center;
height: auto;
width: 100%;
}
.text {
display: inline-block;
text-align: left;
}
上記のコードdisplay: blockでテキストspanタグを試しましたが、テキストが左揃えになりましたが、これを行う別の方法を探しています
別の方法を見つける理由-ブロック表示でもテキストを左に揃えていますが、ウェブページ内のすべてのスパンタグのブロックとして表示を維持すると、何らかの理由で各スパンタグ間のスペースが増加します
以下の実用例
<span class="text">This is line 1</span><br>
<span class="text">This is line 2</span>
.text {
display: block;
}
上記のコードの出力を確認すると、表示ブロックのために1行目と2行目の間にスペースがあります。タグの仕事display : blockをするのに使っても大丈夫ですtext alignspan
しかし、ブロック表示によって作成されたこの不要なスペースは私を悩ませます
ブロック表示の使用中に作成される不要なスペース（1行目と2行目の間）を回避する方法はありませんか？
を使用して、このようなことを行うことができますmargin。これにより、ブロック間の間隔を調整できます。また、brタグを削除することもできます。
section {
text-align: center;
height: auto;
width: 100%;
}
.text {
display: block;
text-align: left;
margin: 10px 0;
/* CHANGE THIS VALUE */
}<section id="topic1">
This is a centered Heading for Topic 1
<span class="text">This is line 1</span>
<span class="text">This is line 2</span>
</section>この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加