<center>タグ非推奨 - 完全置換なし

Question

私は基本的なHTML5とCSSで簡単なウェブサイトを運営しています。 （CMSや何もない、20年前のような旧式のwebdesign）

私はしばしば<center>タグを使って物事を集中させます。

今、タグが放棄されることをよく読んでいます。それはまだ動作します（少なくともChromeとFirefox用）が、どれくらい時間がかかるのかは神が知っています。

W3Schoolのようなフォーラムやコーディングポータルの多くは、既にスタイル変数やCSSを使用して代替ソリューションを投稿しています。

新ソリューション：<div style="text-align:center">Random center text... Bla bla, Boohoo...</div>

残念ながら、それは私のウェブサイトのために動作しません...

方法インラインスタイル（<div style="text-align:center">が）でも、これを行うCSS方式の作品（<style>#coolcenterdude{text-align:center}</style><div id="coolcenterdude">）の作品でもなくないどちらも外部のCSS文書を使用しても機能しません。それは、私が中心にしようとしているオブジェクトのように、text-alignパラメータを無視しているのと同じです。

何か助けてください？

<center>でもうまく動作しますが、タグが最終的にサポート外になると私のウェブサイトが嫌になることはありません。

Answer 1

、：

<center> 
    <p>Some Random Text</p> 
</center> 

は、これを行いますあなたは(max)-width

で margin:autoを使用する必要があります

このような何か：0 auto`：

body { 
 
    /* reset default body margins */ 
 
    margin: 0 
 
} 
 
#wrap { 
 
    /* choose the value that fits you better - you can use another unit besides px */ 
 
    max-width: 300px; 
 
    /* just for demo */ 
 
    height: 100vh; 
 
    background: green; 
 
    /* top-bottom :0 // left-right: auto */ 
 
    margin: 0 auto; 
 
}

<div id="wrap"></div>

Answer 2

あなたが中心にしようとしているdivであれば、そのdiv要素にmargin：0 autoを付けます。 text-align：centerはテキストコンテンツのみです。

古いブラウザをサポートしていない場合や、フォールバックを使用して使用することができます。

Answer 3

あなたのCSSにグローバルカスタムクラスを追加するだけです（例えば、centerElement）。中央に配置する任意の要素に追加してください。

CSS：これに代えて今

.centerElement { 
    text-align: center; 
} 

：私はあなたがサイトを中心にする方法を探している理解して何から

<div class="centerElement"> 
    <p>Some Random Text</p> 
</div>