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

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

WBOY
WBOYオリジナル
2016-06-24 12:07:362411ブラウズ

<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 がどの画面でも中央に配置されるようにします

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。