css橫向代碼實現

    .tag-content{

           

            display flex

            flex-wrap nowrap

            overflow auto

            .tag-item{

                

                flex-shrink:0;

                height 20px

                padding 8px 16px

                font-size 14px

                background:rgba(48,114,246,0.15);

                border-radius:4px;

                margin-right 12px

                color:rgba(48,114,246,1);

            }

        }

 

<div class="tag-content ">

                <div class="tag-item">

                    江蘇·南京

                </div>

                 <div class="tag-item">

                    江蘇·南京

                </div>

                <div class="tag-item">

                    江蘇·南京

                </div>

                <div class="tag-item">

                    江蘇·南京

                </div>

                <div class="tag-item">

                    江蘇·南京

                </div>

                <div class="tag-item">

                    江蘇·南京

                </div>

                <div class="tag-item">

                    江蘇·南京

                </div>

            </div>