公司網站制作彈性盒模型布局網頁

日期 : 2020-12-12 20:29:25
        彈性盒模型布局網頁。彈性盒布局模型是CSS3規范中提出的一種新的布局方式。使用該模型,可以很輕松地創建自適應瀏覽器窗口的布局,可以解決浮動定位等方法難以解決的問題(李東海,HTML5+CSS3從入門到精通:清華大學出版社,2017;曾祥利,柴煒嘉,響應式布局中柵格系統和彈性盒子的比較:產業與科技壇,2015),為網頁設計提供了更加靈活的操作方法。

        要開啟彈性盒模型,只需要設置父盒子的display屬性值為box(或者inline—box)即可,實現父容器里面子元素的排列方式、順序、方向等問題。比如不使用浮動和定位的情況下實現塊級元素的水平排列,可以把父元素的寬度按照比例分配子元素且自適應高度。但是部分瀏覽器還不能很好的支持CSS3的屬性,在書寫CSS代碼的時候,需要明確目標瀏覽器前綴。

        2011年之后,display屬性值改設為flex(或者inline-flex),大部分新版瀏覽器基本都不用使用前綴了,這也是所謂的標準語法或新版本語法。但是display:flex不能完全替代display:box。

相關文章
日本毛x片免费视频观看视频_日本乱人伦av在线无码_日本加勒比无码av