Mobile terminal skills accumulation

1. Horizontal overflow scrolling on the mobile terminal (no scroll bar, only the mobile terminal is valid)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
        <title></title>
    </head>
    <style>
        .div{width:100%;height:40px;overflow: hidden;}
        .box{width:100%;white-space: nowrap;overflow: auto;height: 60px;}
        .box div{width:100px;min-width: 100px;display: inline-block;}
    </style>
    <body>
        <div class="div">
            <div class="box">
                <div datasrc="1">最新要闻1</div>
                <div datasrc="2">最新要闻2</div>
                <div datasrc="3">最新要闻3</div>
                <div datasrc="4">最新要闻4</div>
                <div datasrc="5">最新要闻5</div>

                <div datasrc="6">最新要闻6</div>
                <div datasrc="7">最新要闻7</div>
                <div datasrc="8">最新要闻8</div>
                <div datasrc="9">最新要闻9</div>
                <div datasrc="10">最新要闻10</div>
            </div>
        </div>

    </body>
</html>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325850547&siteId=291194637