コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのtext-alignとalignの違い

CSSのtext-alignとalignの違い

零下一度
リリース： 2017-06-19 16:44:40
オリジナル
4096 人が閲覧しました

text-alignの概要:

構文: 


text-align : left | right | center | justify
ログイン後にコピー

パラメータ:

left : 左揃え
right : 右揃え
center : 中央揃え
justify : 両端揃え
説明:

オブジェクト 中国語テキストの配置。 対応するスクリプト機能は textAlign です。私が書いた他の本もご覧ください。
例: 

p { text-align : center; }
ログイン後にコピー

HTML では、text-align と align の違いは何ですか?

1.align: 「p 要素」でコンテンツの水平方向の配置を指定します。

2.text-align: 「要素内」のテキストの水平方向の配置を指定します。

2 つの

属性 は異なる場所で使用されますが、効果は同じです。 align は比較的「狭い」です。例:

align (align は p の属性です): 

<p align="center">
This is some text!</p>
ログイン後にコピー

text-align (text-align は Css の属性です):


どちらも p のコンテンツを中央に配置できます。

align: p 要素内のコンテンツの水平方向の配置を指定します。

text-align: 「要素内」のテキストの水平方向の配置を指定します。
2 つの属性は異なる場所で使用されます。 

<p align="center">
  This is some text!
</p>
ログイン後にコピー

alignはpの属性として直接記述します


<p style="text-align:center">
ログイン後にコピー

text-alignはCssの属性です

XHTML 1.0 Strict DTDでは、p要素のalign属性はサポートされていません。
代わりにCSSを使用してください。

以上がCSSのtext-alignとalignの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
align html 違い
ソース：php.cn
前の記事：CSSのvertical-align属性を解釈する 次の記事：layout-flow属性の使い方を詳しく解説
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
MySQL: 「<ここの変数またはサブクエリ> として...からテキストを選択します」 次のデータを含む次のテーブルがあります: id text language 1 german text german 2 english text english 私が望むのは、次...
から 2024-04-06 19:25:54
0
2
529
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
ナビゲーションバーの下枠のCSS ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、これを実現する方法...
から 2024-04-06 15:04:41
0
2
347
ツールチップを相対的な親に揃える この問題を解決するために 2 日間を費やしましたが、一人では解決できないことに気づきました。親を基準にしてツールチップを中央に配置しようとしています。これは私のコードです =>...
から 2024-04-06 13:16:59
0
2
394
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート