ホームページ > 記事 > ウェブフロントエンド > 設定されたvertical-align垂直中央揃えが機能しない理由_html/css_WEB-ITnose
設定されたvertical-align垂直中央揃えが機能しない理由_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:41:011535ブラウズ
vertical-align 垂直方向の中央揃えの設定が機能しない理由:
vertical-align 属性はあまり頻繁に使用されないかもしれませんが、場合によっては、内部の要素の垂直方向の中央揃えを設定するためにvertical-align:middle が使用されることがあります。ただし、この設定が常に機能するとは限らない場合があります。コード例は次のとおりです。
rrree
上記のコードのパフォーマンスから、vertical-align 属性が機能していることがわかります。もう一度コード例を見てみましょう:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">td{ width:200px; height:200px; border:1px solid red; vertical-align:bottom;}div{ width:60px; height:60px; background-color:#690;}</style></head><body><table> <tr> <td><div></div></td> </tr></table></body></html> 上記のコードのパフォーマンスから、ここでのvertical-align属性が機能しないことがわかります。これは、この属性は valign 属性を持つ要素にのみ適用できるためです。table 要素には valign 属性があり、div 要素にははないため、2 番目の例では、vertical-align 属性は機能しません。
元のアドレスは次のとおりです: http://www.51texiao.cn/div_cssjiaocheng/2015/0503/587.html
最も元のアドレスは次のとおりです: http://www.softwhy.com
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。