最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

小編給大家分享一下CSS如何實現(xiàn)寬高等比布局，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)主營新興網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP開發(fā),新興h5小程序開發(fā)搭建,新興網(wǎng)站營銷推廣歡迎新興等地區(qū)企業(yè)咨詢

寬度是高度的兩倍(等比縮放)

實現(xiàn)思路: 以父級元素為基準(zhǔn), 子級 width:100%; (也就是父級寬度的100%), padding-top:50% (也就是父級寬度的50%,根據(jù)css規(guī)范, padding用百分比表示的話, padding: 100%等于父元素的寬度);

為什么不直接`width: 50%; height: 50%;?

那樣高度就成了父級高度的50% (不合題意,除非父級寬高相等);

原題目:

1. 紅色塊級元素垂直居中于屏幕中央；

2. 紅色塊級元素距離屏幕左右邊距各20px;

3. 紅色塊級元素里面的內(nèi)容水平垂直居中；

4. 紅色塊級元素的高度始終是紅色塊級元素寬度的50%。

紅色部分寬高之比2:1

源碼:

    
    
    


    
         王也, 武當(dāng)派弟子（現(xiàn)已離開武當(dāng)），八奇技之一風(fēng)后奇門的繼承人，靠占卜悟出天道，卻又作出甘于投身亂世的選擇。外表一副老好人的溫良相，謙謙有禮如溫吞水般，做事也經(jīng)常是一副沒精打采，貌似沒睡醒的樣子。優(yōu)哉游哉還脾氣軟，代表舉動經(jīng)常是歉意笑著作出讓步。似乎對什么都無所謂，一副悠然道人之姿，但是在涉及到家人安危時毫不含糊，甚至為此做出過有失冷靜的舉動。不小心爆粗都會拜祖道歉的出家人，實力在后生一輩中甚至稱得上頭籌，暫時只有一次完全沒預(yù)料到地陰溝里翻船。