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
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
