在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 這個(gè)等分布局怎么實(shí)現(xiàn)

這個(gè)等分布局怎么實(shí)現(xiàn)

clipboard.png
求教！！！
css小白 需要具體的code

---------- 華麗的分隔線
感謝所有回答過flex和兼容性問題的大佬！~

回答
編輯回答
下墜

flex 百分比 grid 都可以

2018年1月31日 01:48
編輯回答
心癌

flex布局

2017年10月9日 11:17
編輯回答
伴謊

使用table實(shí)現(xiàn)布局，demo: 鏈接描述

最后一項(xiàng)，可以不用after偽元素，換成html元素；

2017年4月10日 06:41
編輯回答
玄鳥

分別給這四個(gè)加上一個(gè)class="col-md-3"

2017年10月3日 10:33
編輯回答
陌璃

父集

{  
   display: flex;
   display: -webkit-flex; /* Safari */
   justify-content: space-between;
}
2018年9月2日 09:21
編輯回答
心癌

看了一下目前的答案，心中想到，大家都是好人。告訴了題主使用 flex 布局方式來處理。

所以，我要做壞人，請問，你這個(gè)要兼容什么瀏覽器??？

2018年9月16日 00:57
編輯回答
冷溫柔

要兼容性好的話，用margin唄，小圓的左右間距設(shè)置為定值，然后用其父類的子類選擇器，干掉第一個(gè)的左間距，最后一個(gè)點(diǎn)右間距

2017年9月14日 03:40
編輯回答
小眼睛

要兼容的話用text-align: justify;吧，ie7ok

        .justify{
                text-align: justify;
                text-justify: inter-ideograph;
            }
            .justify i{
               width:24px;
                line-height:24px;        
                height: 24px;
                display:inline-block;                                             
                background:#333;
                text-align:center;
                color:white;
                border-radius:50%;
                overflow: hidden;
                font-style: normal;
            }
            .justify:after{
                content: '';
                width: 100%;
                position: relative;
                display: inline-block;                
            }
            .justify b{
                display: inline-block;
                position:relative;
                height:0px;                
                width:100%;                        
            }

    <div class="justify">
            <i>1</i>
            <i>2</i>
            <i>3</i>
            <i>4</i>
            <i>5</i>         
            <!--[if lte IE 7]>
            <b></b>
            <![endif]-->
        </div>
2017年2月10日 09:10
編輯回答
孤客
ul {display: flex;justify-content: space-between;}

關(guān)于兼容，傳送門。

2017年12月19日 16:39