ホームページ > ウェブフロントエンド > htmlチュートリアル > 2 行のテキストを同じ行の中央に配置する方法_html/css_WEB-ITnose

2 行のテキストを同じ行の中央に配置する方法_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:07:36
オリジナル
2467 人が閲覧しました

<div>	11111111111111111111111111111111111111<span><h2 style="text-align:center;">222</h2></span></div>
ログイン後にコピー


11111111111111111111111 を左側に、222 を中央に同じ行に配置します。これで 2 行になります


ディスカッションへの返信 (解決策)


<div>    <span style="float:left;">11111111111111111111111111111111111111</span><h2 style="margin:0 auto;width:200px;text-align:center;">222</h2></div>
ログイン後にコピー

h1{表示: を設定します。 inline;} to 同じ行に配置できます。その後、スペースを空けるためにいくつかの   を追加します

これを試して、222 がどの画面でも中央に配置されるようにします

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート