無効な HTML を使用すると、希望する外観を得ることができますが、有効な HTML を使用しません。 <FIGURE> または <FIGCAPTION> を構成して <SPAN> の効果をシミュレートできる CSS はありますか?
外観を左側に、有効な HTML を右側にしたいと思います。
無効なHTML:
リーリー リーリー
有効なHTML:
開発ツールを使用してユーザー エージェントの値を確認する必要があります
たとえば、TD の下の最初の要素は ul または Figure です。 Chrome の標準は次のとおりです:
したがって、ul レイアウトで Figure を維持したい場合は、スタイルに Figure を追加し、レイアウトを壊す属性をオーバーライドして、必要な属性を追加します。
いくつかのスタイルを追加してデフォルトのスタイルをリセットするだけです。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
開発ツールを使用してユーザー エージェントの値を確認する必要があります
たとえば、TD の下の最初の要素は ul または Figure です。 Chrome の標準は次のとおりです:
リーリーしたがって、ul レイアウトで Figure を維持したい場合は、スタイルに Figure を追加し、レイアウトを壊す属性をオーバーライドして、必要な属性を追加します。
いくつかのスタイルを追加してデフォルトのスタイルをリセットするだけです。