ホームページ >ウェブフロントエンド >CSSチュートリアル >css aで幅を設定できないのはなぜですか?
css a タグがインライン要素のため幅を設定できません。解決するには、インライン要素をブロックまたは [inline-block] に変換して幅を設定します。
おすすめ: 「css ビデオ チュートリアル 」
このチュートリアルの動作環境: Windows10 システム、 css3 バージョン、この方法はすべてのブランドのコンピューターに適しています。
タグの幅を設定できないのはなぜですか?
CSS を使用して a タグの幅を設定しても何も起こりません。なぜですか?
インライン要素には幅と高さが設定できず、aタグもインライン要素であるため、幅を設定することはできません。幅を設定したい場合は、インライン要素をブロックに変換する必要がありますまたは inline-block、
ブロックに変換すると、要素が 1 行を占めることになり、レイアウトが変わる可能性があります。
要素を同じ面に保持したい場合は、インライン ブロック inline-block を設定できます。インライン ブロックに設定すると、要素と隣接する要素が同じ水平線上にないように見える場合があります。解決策は、vertical-align: middle; またはvertical-align を設定することです。 -align: top. 他の属性を試すこともできます。
インライン要素には幅と高さが設定できず、aタグもインライン要素であるため、幅を設定することはできません。幅を設定したい場合は、インライン要素をブロックに変換する必要がありますまたは inline-block、
ブロックに変換すると、要素が 1 行を占めることになり、レイアウトが変わる可能性があります。
要素を同じ面に保持したい場合は、インライン ブロック inline-block を設定できます。インライン ブロックに設定すると、要素と隣接する要素が同じ水平線上にないように見える場合があります。解決策は、vertical-align: middle; またはvertical-align を設定することです。 -align: top. 他の属性を試すこともできます。
共通のブロックレベル要素: div、p、form、ul、li、ol、dl、form、address、fieldset、hr、menu、table
共通のインライン要素:span、strong 、em、br、img、input、label、select、textarea、cite、a
以上がcss aで幅を設定できないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。