CSS——规避脱标流和vertical-align
生活随笔
收集整理的這篇文章主要介紹了
CSS——规避脱标流和vertical-align
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
規(guī)避脫標(biāo)流：
1、盡量使用標(biāo)準(zhǔn)流。
2、標(biāo)準(zhǔn)流解決不了的使用浮動。
3、浮動解決不了的使用定位。
問題解決：嵌套盒子在不使用定位的情況下定位到右上角
<!DOCTYPE html> <html> <head><meta charset="utf-8" /><title></title><style>.box1 {width: 500px;height: 200px;background-color: aliceblue;}.box2 {width: 50px;height: 40px;background-color: red;margin-left:auto;}</style> </head> <body><div class="box1"><div class="box2"></div></div> </body> </html>
注釋：margin-left:auto的意思是盒子往右邊沖，沖不動了就停下了。
圖片和文字垂直居中：
vertical-align對inline-block最敏感。默認(rèn)屬性是:vertical-align:baseline與基線對齊。
轉(zhuǎn)載于:https://www.cnblogs.com/wuqiuxue/p/7799976.html
總結(jié)
以上是生活随笔為你收集整理的CSS——规避脱标流和vertical-align的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Virtual Box 安装过程（卸载V
- 下一篇： BZOJ 4002--有意义的字符串(矩