Html 如何定位多个div以对齐
我有6个相同的div,我想排成一行,这样就有3行2行。我该怎么做?如果我让它们浮动:左,它们会弄乱布局 HTML:Html 如何定位多个div以对齐,html,css,Html,Css,我有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;
浮动:左;
}
* {
框大小:边框框;
}
名称
审查
名称
审查
名称
审查
名称
审查
名称
审查
名称
审查
您可以使用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"> </span>Review<span class="raquo"> </span></p>
</div>
<div id="block">
<h3>Name</h3>
<p class="content"><span class="laquo"> </span>Review<span class="raquo"> </span></p>
</div>
#block {
background: url(Images/Testimonials/bg.gif);
width: 500px;
padding: 0px 6px 0 6px;
}