コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > div_html/css_WEB-ITnose 内のテキストの中央揃え

div_html/css_WEB-ITnose 内のテキストの中央揃え

WBOY
リリース： 2016-06-24 12:24:11
オリジナル
1743 人が閲覧しました

div


test1

div2 で中国語のテキストを中央に配置するにはどうすればよいですか? 固定幅を使用することはできません。

ディスカッションに返信する (解決策)
test2

text-align:center

#div2{

text-align:center; }

これで終わりです、笑。

link-height: line height を追加することもできます

水平方向と垂直方向に中央揃えにすることができます

test2
それは、test2 が欲しいということではありません。最初の div では、一番外側の div が中央に配置されます。
test2
それは、test2 が欲しいということではありません。最初の div では、一番外側の div が中央に配置されます

test2




test2


それは違いますつまり、test2 を最初の div に配置し、一番外側の div を中央に配置します
次に、 div2 width:100%; を入れます
test2

test1 影響を受けますか?

いいえ、div2 width:100%; は通常、別の行


いいえ、div2 width:100% は通常は別の行に表示されます
LS に同意します。 LZの要件を満たすことができます。最初の div はデフォルトで整列されていますが、2 番目の div は text-align:center により中央に表示され、幅は 100% であるため、div の最初のレイヤーの中央に配置されているように見えます

上記意味があります
div2 を指定した場合、外側に

タグを追加することでもこの効果を実現できます

関連ラベル：
div内文字居中对齐
ソース：php.cn
前の記事：この効果はどのようにして達成されるのか_html/css_WEB-ITnose 次の記事：フロントエンド（HTML+CSS）開発の始め方についてお聞きしたいのですが、よろしくお願いします。 _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
DIV を両側のコンテンツに合わせて中央揃えにします したがって、(含まれる DIV 内に) 5 つの項目があります。項目の並びは以下の通りです。 テキスト 画像 DIV 画像 テキスト DIVを中心にして画像がDIVを「抱き締める」...
から 2024-04-04 23:19:14
0
1
3438
画面上で何も中央揃えにできません CSS を使用して HTML 上に応答性の高いナビゲーション バーを作成する方法に関する YouTube チュートリアルに従っています。画面の中央にテキストを追加しようとすると、テ...
から 2024-04-01 11:51:40
0
2
303
特定の単語を含むコンテンツを保持し、他のすべてを置き換える JavaScript 正規表現 これは簡単だと思いますが、次の状況で苦労しています: 文字列 (HTML がテキストとして渡される): テキスト<br>テキスト<br><ul>...
から 2024-04-01 11:06:23
0
2
358
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート