Html中心对齐媒体屏幕上的按钮

我想将按钮水平对齐在同一行中，该行在媒体屏幕中被分成蓝色的列，称为

Läs mer

。以下是链接

我添加了以下媒体查询：

@media only screen and (max-width: 1450px) {
    .home-page-content{
     min-height: 260px;
    }
}

---

当我缩小屏幕时，屏幕按钮不在同一行中对齐，需要在媒体查询中添加更多内容。

如果要将元素居中，请添加此类

.center{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:50%;   /*  Adjust this to place it correctly use percentage*/
}

希望这有助于

三列（如我所见）具有相同的高度。所以你需要你的按钮停留在列的底部。只需将

position:relative

添加到列和

position:absolute到
按钮
。请参阅下面的代码（您可能需要对其进行一些更改）

另请参见下面的代码片段（我从您的站点复制了您的代码）


#top.flex_column_表{
显示：表格；
表布局：固定；
宽度：100%；
}
#顶部.flex\u列\u表\u单元格{
浮动：无；
显示：表格单元格；
填充底部：30px；
}
#顶部.flex\u列\u表\u单元格{
位置：相对位置；
}
.avia按钮中心{
位置：绝对位置；
底部：0；
左：0；
保证金：0自动；
右：0；
文本对齐：居中；
}

Hemtjänst
在圣安德鲁斯医学院、电视台，埃勒·莱德萨宁（personlig omvårdinad eller ledsagning）通过戈特兰社会福利区（Region Gotlands Socialörvaltning ansöka Om hemtjänst）。
第六阶段是在第六阶段的第六阶段，在第六阶段是在第六阶段的第六阶段。
个人助理
För dig som har personlig assists hjälper vi dig med den。第六部分，为själv väljer的助手提供帮助。
六、助教帮助迪娜·维尔科。Hör av dig såberättar vi mer vad vi kan erbjuda。
闭嘴
六、在阿拉之前保持沉默。我是一个年轻人。
六、将手放在床边，直到安纳特。Genom såkallad RUT将按få的价格上涨至50%的av kostnaden补助金。

#top .flex_column_table_cell {
    position:relative;
}
.avia-button-center {
    position:absolute;
    bottom:0;
    left:0;
    margin:0 auto;
    right:0;
    text-align:center;
 }