Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何定位多个div以对齐_Html_Css - Fatal编程技术网

Html 如何定位多个div以对齐

Html 如何定位多个div以对齐,html,css,Html,Css,我有6个相同的div,我想排成一行,这样就有3行2行。我该怎么做?如果我让它们浮动:左,它们会弄乱布局 HTML: 您可以使用float:left,但要为div指定50%的宽度。 最好放框大小:边框框,这样填充和边框不会增加元素的总宽度/高度(如果指定)。 不要在同一页中多次使用同一id,请将其转换为类 .block{ 背景:url(图片/推荐信/bg.gif); 宽度:50%; 填充:0 6px; 浮动:左; } * { 框大小:边框框; } 名称 审查 名称 审查 名称 审查 名称 审查

我有6个相同的div,我想排成一行,这样就有3行2行。我该怎么做?如果我让它们浮动:左,它们会弄乱布局

HTML:


您可以使用
float:left
,但要为div指定50%的宽度。
最好放
框大小:边框框
,这样填充和边框不会增加元素的总宽度/高度(如果指定)。
不要在同一页中多次使用同一id,请将其转换为类

.block{
背景:url(图片/推荐信/bg.gif);
宽度:50%;
填充:0 6px;
浮动:左;
}
* {
框大小:边框框;
}

名称
审查

名称 审查

名称 审查

名称 审查

名称 审查

名称 审查


您可以使用
float:left
,但要为div指定50%的宽度。
最好放
框大小:边框框
,这样填充和边框不会增加元素的总宽度/高度(如果指定)。
不要在同一页中多次使用同一id,请将其转换为类

.block{
背景:url(图片/推荐信/bg.gif);
宽度:50%;
填充:0 6px;
浮动:左;
}
* {
框大小:边框框;
}

名称
审查

名称 审查

名称 审查

名称 审查

名称 审查

名称 审查


您必须添加一些额外的
div
元素,但这会起作用

#块{
背景:url(图片/推荐信/bg.gif);
宽度:500px;
填充:0px 6px 0 6px;
}
#桌子{
显示:表格;
}
#桌椅{
显示:表格行;
}
#挡块{
显示:表格单元格;
}

名称
审查

名称 审查

名称 审查

名称 审查

名称 审查

名称 审查


您必须添加一些额外的
div
元素,但这会起作用

#块{
背景:url(图片/推荐信/bg.gif);
宽度:500px;
填充:0px 6px 0 6px;
}
#桌子{
显示:表格;
}
#桌椅{
显示:表格行;
}
#挡块{
显示:表格单元格;
}

名称
审查

名称 审查

名称 审查

名称 审查

名称 审查

名称 审查


将您目前拥有的相关代码放在您的帖子中,以便我们可以使用。将您目前拥有的相关代码放在您的帖子中,以便我们可以使用。
<div id="block">
    <h3>Name</h3>
        <p class="content"><span class="laquo">&nbsp;</span>Review<span class="raquo">&nbsp;</span></p>
</div>

<div id="block">
    <h3>Name</h3>
        <p class="content"><span class="laquo">&nbsp;</span>Review<span class="raquo">&nbsp;</span></p>
</div>
#block {
background: url(Images/Testimonials/bg.gif);
width: 500px;
padding: 0px 6px 0 6px;
}