BinaryDevelop
  1. ホーム
  2. html

[解決済み] HTML span align center が機能しない？

2022-03-09 20:22:26

質問

いくつかのHTMLがあります。 

<div align="center" style="border:1px solid red">
This is some text in a div element!
</div>

Divは私のドキュメントの間隔を変えてしまうので、代わりにspanを使いたいのです。

しかし、spanはコンテンツを集中させるものではありません。 

<span style="border:1px solid red;align=center">
This is some text in a div element!
</span>

どうすれば直るの？

EDIT

私の完全なコードです。 

<html>
<body>

<p>This is a paragraph. This text has no alignment specified.</p>

<span style="border:1px solid red;text-align=center">
  This is some text in a div element!
</span>

</body>
</html>

解決方法は？

divはブロック要素であり、幅が設定されていない限りコンテナの幅に広がります。spanはインライン要素で、その中のテキストの幅を持ちます。現在、CSSのプロパティとしてalignを設定しようとしています。alignは属性です。 

<span align="center" style="border:1px solid red;">
    This is some text in a div element!
</span>

ただし、align属性は非推奨です。CSSの text-align プロパティをコンテナに設定します。 

<div style="text-align: center;">
    <span style="border:1px solid red;">
        This is some text in a div element!
    </span>
</div>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します