Css 对齐div中的按钮 我有一个问题，我想在图片旁边的蓝色div中间只显示2个链接按钮。

我想要这样的东西

link1   {space} link2
{space}
link3    {space} link 4

link1
link2
link3
link4

现在是这样

link1   {space} link2
{space}
link3    {space} link 4

link1
link2
link3
link4

这是我的密码 HTML

这是JSFIDLE

把花车扔掉

添加显示：内联块

为所需的间距添加边距

使用这个css

.buttons .buttonStyling{

    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    width: 35%;
   margin: 0 50px 50px 0; //or however much space you want
}

以下是进行上述更改的方法

尝试以下方法：

基本上，不要用

float

对所有内容进行地毯式轰炸，而只将其应用于偶数按钮，这将产生您描述的定位。要获得（1和2）与（3和4）之间的垂直间距，请在#2之后的按钮中添加

边距顶部

。此外，所有按钮都需要

display:inline block

CSS的主要变化是：

.buttons .buttonStyling { display: inline-block; }
.buttonStyling:nth-of-type(even) { float: right; }
.buttonStyling:nth-of-type(2) ~ .buttonStyling{ margin-top: 50px; }

---

再加上删除

.buttons.buttonStyling

上现有的

float

属性和

div1

上的内联属性，将其清理干净并设置按钮的最大宽度。请尝试一下：

是否将按钮放在四个角？你想要它们之间的特定间隔在DIV区域中间吗？你对DIV1有什么计划？现在它只是创建了一个毫无意义的空白，它应该包含按钮吗？你有足够多的额外样式，不清楚你的真正意图是什么。我仍然对你想要的东西感到困惑，左边是图像，右边是蓝色框，两个蓝色按钮，图像上有两个按钮？对最终布局的要求要具体一点