IMG SRC два малюнкаў выраўнаваць па цэнтры сну

<div class="box">
        
        
        
uspendisse potenti. Ut id justo libero, in bibes

</div>

jsfiddle sample

Як зрабіць малюнкі ЦСІ выраўнаваць па цэнтры. вынік я хацеў бы атрымаць гэта падабаецца малюнак ніжэй. ідэальна працуе на IE7 і IE8, а таксама

enter image description here

2

10 адказы

HTML элементы з'яўляюцца элементамі инлайн ўзроўню, таму яны залежаць ад выраўноўвання тэксту ўласцівасці.

Пункты з'яўляюцца элементамі ўзроўню блока, таму яны не будуць абгарнуць вакол малюнка, калі вы не будзеце выкарыстоўваць CSS, каб змяніць гэта. Усё, што вам трэба гэта: ( http://jsfiddle.net/7sKeA/ )

.box {
    width:600px;
    text-align:center;
}
img {
    margin:5px;
}

Калі затым таксама неабходна .box , каб заставацца ў цэнтры, мэта яго з маржынальнасць: аўто; вось так: (http://jsfiddle.net/7sKeA/1/ )

.box {
    width:600px;
    text-align:center; /* center align the text inside the box */
    margin:auto; /* center this .box element, assuming it is block-level */
}
img {
    margin:5px;
}
9
дададзена
Nice спрашчэнне і апісанне таго, што адбываецца.
дададзена аўтар showdev, крыніца

HTML элементы з'яўляюцца элементамі инлайн ўзроўню, таму яны залежаць ад выраўноўвання тэксту ўласцівасці.

Пункты з'яўляюцца элементамі ўзроўню блока, таму яны не будуць абгарнуць вакол малюнка, калі вы не будзеце выкарыстоўваць CSS, каб змяніць гэта. Усё, што вам трэба гэта: ( http://jsfiddle.net/7sKeA/ )

.box {
    width:600px;
    text-align:center;
}
img {
    margin:5px;
}

Калі затым таксама неабходна .box , каб заставацца ў цэнтры, мэта яго з маржынальнасць: аўто; вось так: (http://jsfiddle.net/7sKeA/1/ )

.box {
    width:600px;
    text-align:center; /* center align the text inside the box */
    margin:auto; /* center this .box element, assuming it is block-level */
}
img {
    margin:5px;
}
9
дададзена
Nice спрашчэнне і апісанне таго, што адбываецца.
дададзена аўтар showdev, крыніца

HTML элементы з'яўляюцца элементамі инлайн ўзроўню, таму яны залежаць ад выраўноўвання тэксту ўласцівасці.

Пункты з'яўляюцца элементамі ўзроўню блока, таму яны не будуць абгарнуць вакол малюнка, калі вы не будзеце выкарыстоўваць CSS, каб змяніць гэта. Усё, што вам трэба гэта: ( http://jsfiddle.net/7sKeA/ )

.box {
    width:600px;
    text-align:center;
}
img {
    margin:5px;
}

Калі затым таксама неабходна .box , каб заставацца ў цэнтры, мэта яго з маржынальнасць: аўто; вось так: (http://jsfiddle.net/7sKeA/1/ )

.box {
    width:600px;
    text-align:center; /* center align the text inside the box */
    margin:auto; /* center this .box element, assuming it is block-level */
}
img {
    margin:5px;
}
9
дададзена
Nice спрашчэнне і апісанне таго, што адбываецца.
дададзена аўтар showdev, крыніца

Змесціце іх унутры Цэнтраваць элемента блока.

<div style="text-align: center;">
    
    
</div>

http://jsfiddle.net/ExplosionPIlls/CjZSS/2/

2
дададзена

Я прапаную даць малюнка кантэйнера DIV і прымяненне выраўноўвання тэксту: цэнтр для гэтага спраў. Акрамя таго, выдаліце ​​ дысплей: блок з малюнкаў, каб трымаць іх у адным радку.

div.images {
    position:relative;
    text-align:center;
}

http://jsfiddle.net/CjZSS/3/

1
дададзена

Я прапаную даць малюнка кантэйнера DIV і прымяненне выраўноўвання тэксту: цэнтр для гэтага спраў. Акрамя таго, выдаліце ​​ дысплей: блок з малюнкаў, каб трымаць іх у адным радку.

div.images {
    position:relative;
    text-align:center;
}

http://jsfiddle.net/CjZSS/3/

1
дададзена

Я прапаную даць малюнка кантэйнера DIV і прымяненне выраўноўвання тэксту: цэнтр для гэтага спраў. Акрамя таго, выдаліце ​​ дысплей: блок з малюнкаў, каб трымаць іх у адным радку.

div.images {
    position:relative;
    text-align:center;
}

http://jsfiddle.net/CjZSS/3/

1
дададзена

I had similar problem in the past and this -


worked for me.
1
дададзена
Я лічу, што Выраўноўванне атрыбут быў абясцэніўся на карысць табліц стыляў CSS. fantasai.tripod.com/qref/HTML4/deprecated.html
дададзена аўтар showdev, крыніца

I had similar problem in the past and this -


worked for me.
1
дададзена
Я лічу, што Выраўноўванне атрыбут быў абясцэніўся на карысць табліц стыляў CSS. fantasai.tripod.com/qref/HTML4/deprecated.html
дададзена аўтар showdev, крыніца

I had similar problem in the past and this -


worked for me.
1
дададзена
Я лічу, што Выраўноўванне атрыбут быў абясцэніўся на карысць табліц стыляў CSS. fantasai.tripod.com/qref/HTML4/deprecated.html
дададзена аўтар showdev, крыніца