ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを使用してテーブルを中央に配置する方法

CSSを使用してテーブルを中央に配置する方法

PHP中文网
PHP中文网オリジナル
2017-03-31 17:25:465631ブラウズ

CSS は、中央揃え全体を制御します。表内のテキストを中央揃えにするだけでなく、表全体の中央揃えも行います
1. tableのAlign="center"を使用する代わりに、CSSを使用して実装します

タグを追加せずに

tableの中央揃えとpの中央揃えは同じ解決策です

DIV の水平方向のセンタリングを制御する CSS について、多くの初心者はそれを理解できません。私が初めて CSS を読んだのは、実際にはセンタリングの使い方について書かれていたのを覚えています。 :

 margin-left:auto;
  margin-right:auto;

それで、この方法を使用することもできますが、一部の人は
IEを使用する場合、

DTD

ステートメント
を見逃していないか確認することをお勧めします。この方法は、多くの人が試し、テストされています。ただし、場合によっては機能します。 そこで、2 番目の方法があります

margin-left:50%;
left: -
width

/2; CSS の幅ではなく、たとえば、p の幅が 768px の場合、 left:-384px を設定する必要があります。これにより、発生する可能性のある問題を解決できることがわかります。これら 2 つは一部のブラウザと互換性がないため、主に IE に基づいた 3 番目の方法を見つけました。これは


の本文を設定する必要があります。
この方法でも IE で中央揃えになりますが、ページ内のすべてのテキストが中央揃えになるため、見た目が良くありません。これは text-align を追加するだけで簡単に解決できます。 : left; DIV 定義へのその他の調整

上記は、CSS を使用してテーブルを中央に設定する方法です。詳しくは、PHP 中国語 Web サイト (www.php.cn) を参照してください。

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