2016-08-03 21 views
0

htmlのセンタータグの代替タグはありますか?ここで

<center> 
 
    <img src="/images/perform.png" width="40%" class="img-responsive" alt="Responsive image"> 
 
</center>

私は中央tag..itを使用していた中央揃えにイメージを示したが、今、私はセンターを変更する必要がセンタータグのための任意の代替タグがありtag..is?

+1

あなたは「チェンジ・センター・タグ」とはどういう意味ですか?あなたのコードが何をすると期待していますか? –

+0

CSSはあらかじめ定義されたタグを使用するのではなく、オプションですか? – smoksnes

答えて

1

1つではありません:centerは、cssのフレーバーでは推奨されていません。 実際に、あなたの例の画像を中心にして、追加の参考のために

img{ 
    display: block; 
    margin: 0 auto; 
} 

非常に簡単です:https://css-tricks.com/centering-css-complete-guide/

1

HTMLのcenterタグは、HTML 4標準で廃止されました。つまり、Web標準から削除されました。しかし、ほとんどのブラウザでまだcenterタグがサポートされている可能性があります。しかし、ブラウザが標準の一部ではないので、centerタグをサポートする必要はありません。

要素を中央揃えにする場合は、代わりにcssを使用してください。 プロパティをcssとすると、要素の配置を変更できます。この例では

例えば、

#center-align { 
 
    text-align: center; 
 
}
<p id="center-align">Some text</p>

、私は段落の配置を設定するid属性を使用しています。その代わりに、クラス、タグ名、またはその他の間接セレクタのような他のCSSセレクタを使用することができます。

参照

  1. Mozilla Developer Network
+1

これに 'id'属性を使用しないでください。それ以外の場合は、1ページあたり1つの中央に配置された要素のみを持つことができます。 – str

2

代替?なぜあなたは<center>タグが償却されているので、これはcssの小さなコードで行うことができるので、タグを使用したいのですか?

親にはtext-align:center、子divにはmargin:0 autoを使用できます。

テキスト整列:センター

<div style="text-align:center"> 
 
    <img src="/images/perform.png" width="40%" class="img-responsive" alt="Responsive image"> 
 
</div>

マージン:0自動

<div> 
 
    <img src="/images/perform.png" width="40%" class="img-responsive" alt="Responsive image" style="margin:0 auto; display:block;"> 
 
</div>

+0

はい...text-align:centerは機能していませんが、style = "margin:0 auto; display:block;"他のCSSコードが重複していない限り、このCSSはうまく動作します。 –

+0

ここでは 'text-align:center'も完璧に動作します。 –

関連する問題