让标签横向滑动 盒模型
让标签横向滑动 盒模型
书呆子拍皮球 发表于2年前
让标签横向滑动 盒模型
  • 发表于 2年前
  • 阅读 37
  • 收藏 0
  • 点赞 0
  • 评论 0

移动开发云端新模式探索实践 >>>   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .box {
            width: auto;
            height: 96px;
            background-color: #f0f0f0;
            margin: 0 32px;
            overflow: auto;
            padding: 0;
        }
        .list {
            list-style-type: none;
            /*width: 3000px;*/
            margin: 0;
            padding: 0;
            display: -webkit-box;
            display: -moz-box;
        }
        .line {
            margin: 0;
            *display: inline;              //     让元素变成行内元素
            vertical-align: top;
            padding: 0 16px;
            height: 96px;
            line-height: 96px;
            font-size: 24px;
        }
    </style>
</head>
<body>
<div class="box">
    <ul class="list">
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
        <li class="line">子元素</li>
    </ul>
</div>
</body>
</html>

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 2
博文 37
码字总数 5423
×
书呆子拍皮球
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: