javascript - Il y a trois cases alignées. La distance entre chaque case est de 15 pixels, et la distance par rapport à la case blanche à l'extérieur est également de 15 pixels. Comment écrire ce CSS?

Question

Answer 1

Il semble que le flex puisse également être mis en œuvre

Answer 2

Petit cadre : {

margin: 7.5px;

}

Grand cadre : {

padding: 7.5px;

}

Answer 3

大框padding:15px;小框margin-right:15px;margin-bottom:15px;小框nth-child(3n)的margin-right:0;last-child,nth-last-child(2),nth -last-child(3)的margin-bottom:0;

Answer 4

La définition des décimales ne prendra pas effet. Certains navigateurs arrondiront et certains arrondiront directement. La réponse ci-dessus est correcte. Vous devez définir la dernière petite case séparément.

Answer 5

la mise en page flexible est facile à mettre en œuvre

Answer 6

énième enfant (3n){

margin:0 15px;    

},
Remplissage du grand cadre : 15px ;
La largeur du petit cadre est (largeur du grand cadre - 60px)/3. Cela garantit qu'il y a trois petits cadres dans chaque rangée et que la disposition est également fixe. . Le petit cadre flottant : gauche ; marge- bas : 15px ;

Answer 7

<p>

<dl>
    <dt>这里是图片</dt>
    <dd><h1></h1><span></span></dd>
</dl>
<dl>
    <dt>这里是图片</dt>
    <dd><h1></h1><span></span></dd>
</dl>
<dl>
    <dt>这里是图片</dt>
    <dd><h1></h1><span></span></dd>
</dl>

</p>

p Set padding
dl Set float: left;
dt,dd Set float:left;
Le reste consiste à définir la largeur, la hauteur et les marges intérieures et extérieures de la boîte

Je suis un débutant, corrigez-moi si je me trompe

Answer 8

Cette méthode est compatible avec ie6

<style>
    .list{
        position: relative;
        margin-left: -15px;
        left: 15px;
    }
    .list li{
        width: 300px;
        height: 50px;
        background-color: #ccc;
        margin-right: 15px;
        margin-bottom: 15px;
        float: left;
        padding-left: 100px;
        position: relative;
    }
    .list li .iconfont{
        position: absolute;
        left: 10px;
        top: 20px;
    }
    .list li .name{
        font-size: 14px;
        color: #333;
    }
    .list li .txt{
        font-size: 12px;
        color: #666;
    }
</style>
<ul class="list clearfix">
    <li>
        <i class="iconfont">图标</i>
        <p class="name">标题</p>
        <p class="txt">描述</p>
    </li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>