亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

css關于豎向布局的問題

css關于豎向布局的問題

有只小跳蛙 2018-07-18 14:15:27
需求:一個容器里面有若干直接子元素,豎向排列,假設固定容器高度只能夠裝下5個。 第6個元素會換到另一列繼續豎向排序。 請教各位如何用CSS顯示這個布局。注意:1、所有元素必須有一個共同的父級容器,不能分成兩列。2、要兼容IE9,flex用不了。
查看完整描述

1 回答

?
慕碼人8056858

TA貢獻1803條經驗 獲得超6個贊

<!DOCTYPE html><html><head>
    <style>
        #mainBox {            border: 1px #f00 solid;            width: 300px;            height: 250px;            writing-mode: tb-lr;/*IE寫法*/
            writing-mode: vertical-lr;
        }        #mainBox a {            margin: 5px;            padding: 0px;            display: inline-block;            width: 30px;            height: 30px;            border: 1px #00f solid;            writing-mode: lr-tb;
        }    </style></head><body>
    <div id="mainBox">
        <a href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        <a href="#">5</a>
        <a href="#">6</a>
        <a href="#">7</a>
        <a href="#">8</a>
        <a href="#">9</a>
        <a href="#">10</a>
    </div></body></html>


查看完整回答
反對 回復 2018-07-18
  • 1 回答
  • 0 關注
  • 219 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號