2017-11-14 7 views
0

DIVはブロックレベルの要素であり、SPAN内でネストしてはいけません。しかし、多くのテーマがこのベストプラクティスを乗り越えています。これらのエラーを回避するには、どのCSSを適用する必要がありますか?SPAN内部でDIVを回避する - ベストプラクティス

+0

このスパンをdivにして、あなたはいいです。さもなければ、このhtmlコードはsymantically間違っています。スパムをdivに変更するにはJavaScriptを使用できますが、代わりにテンプレートで行う方がよいでしょう。 –

+1

@ NathanielFlickは 'js'で' span'を変更すると** Bad **のアイデアです! – Pedram

+1

はい@pedram私の全コメントを読んでください。 –

答えて

1

HTML構成に起因するエラーを回避するCSSはありません。コード内で手動で行う必要があります。

あなたのケースではオプションですが、それはあなたの望み通りです。

1#あなたはこのCSSを使用することができます<div>blockスタイルを回避したい場合:

span>div{display:inline;} 

かがspan

span div{display:inline;} 

内のすべての子供に適用します2#inlineを避けたい場合これはあなたのために役立ちましたすべての子の適切

span.fields{display:inline-block;} 

希望、

span.fields{display:block;} 

もしくは巣へ:<span>あなたはこのCSSを使用できるのtyle。

+2

'view'でも動作しますが、** SEO **' divはaブロックレベルの要素で、SPAN内に入れ子にしてはいけません。また、表示ブロックやインラインなどを追加した後は、w3バリデーターのようにこのエラーは修正されません。 – Pedram

+1

@pedram私はあなたに完全に同意します。私の答え。しかし、彼は視野に問題がある場合、彼は私が彼に与えたスタイルの微調整を使用して修正することができます。そのオプションのすべて。それは彼の責任です。 – weBBer

関連する問題