Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.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_Responsive Design - Fatal编程技术网

Html 如何使所有按钮与div的距离相等

Html 如何使所有按钮与div的距离相等,html,css,responsive-design,Html,Css,Responsive Design,这就是我目前所拥有的- .box{ 背景色:#e61a39; 宽度:25%; 浮动:左; 边际:0px; 文本对齐:居中; 最小高度:380px; } #容器{ 宽度:90%; 保证金:自动; } 我们的菜单 Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 劳工和失业临时保险 探索比萨饼 离你最近的商店 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利 寻找比萨饼店 生日聚会 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利 现

这就是我目前所拥有的-

.box{
背景色:#e61a39;
宽度:25%;
浮动:左;
边际:0px;
文本对齐:居中;
最小高度:380px;
}
#容器{
宽度:90%;
保证金:自动;
}

我们的菜单
Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
劳工和失业临时保险

探索比萨饼 离你最近的商店 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

寻找比萨饼店 生日聚会 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

现在预订 餐饮 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

现在预订
使用位置css属性

.box{
背景色:#e61a39;
宽度:25%;
浮动:左;
边际:0px;
文本对齐:居中;
最小高度:380px;
位置:相对位置;
}
钮扣{
位置:绝对位置;
底部:10px;
左:25%;
右:25%;
}
#容器{
宽度:90%;
保证金:自动;
}

我们的菜单
Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
劳工和失业临时保险

探索比萨饼 离你最近的商店 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

寻找比萨饼店 生日聚会 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

现在预订 餐饮 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

现在预订
使用位置css属性

.box{
背景色:#e61a39;
宽度:25%;
浮动:左;
边际:0px;
文本对齐:居中;
最小高度:380px;
位置:相对位置;
}
钮扣{
位置:绝对位置;
底部:10px;
左:25%;
右:25%;
}
#容器{
宽度:90%;
保证金:自动;
}

我们的菜单
Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
劳工和失业临时保险

探索比萨饼 离你最近的商店 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

寻找比萨饼店 生日聚会 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

现在预订 餐饮 知识产权是一种权利,是一种精英的权利,是劳动和权利的暂时性权利

现在预订

这是一种方法

.box{
背景色:#e61a39;
文本对齐:居中;
最小高度:380px;
显示器:flex;
弯曲方向:立柱;
}
.box.content{
柔性生长:1;
}
.盒子.纽扣包装{
高度:40px;
}
#容器{
宽度:90%;
显示器:flex;
证明内容:中心;
}

我们的菜单
Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
劳工和失业临时保险

探索比萨饼 我们的菜单 Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 劳工和失业临时保险

探索比萨饼 我们的菜单 Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 劳工和失业临时保险

探索比萨饼 我们的菜单 Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 劳工和失业临时保险

探索比萨饼

这是一种方法

.box{
背景色:#e61a39;
文本对齐:居中;
最小高度:380px;
显示器:flex;
弯曲方向:立柱;
}
.box.content{
柔性生长:1;
}
.盒子.纽扣包装{
高度:40px;
}
#容器{
宽度:90%;
显示器:flex;
证明内容:中心;
}

我们的菜单
Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务
劳工和失业临时保险

探索比萨饼 我们的菜单 Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 劳工和失业临时保险

探索比萨饼 我们的菜单 Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 劳工和失业临时保险

探索比萨饼 我们的菜单 Lorem ipsum Door sit amet,为精英们献身,为埃乌斯莫德服务 劳工和失业临时保险

探索比萨饼
在每个div上放置不同的内容:)(+1)嗯。谢谢。这同样有效。然而,我并不真正了解什么是
flexbox
,因为我对html和css有点陌生。所以我会接受另一个答案,但谢谢你的帮助!希望有一天我会使用这个
flexbox
!在每个div上放置不同的内容:)(+1)嗯。谢谢。这同样有效。然而,我并不真正了解什么是
flexbox
,因为我对html和css有点陌生。所以我会接受另一个答案,但谢谢你的帮助!希望有一天我会使用这个
flexbox