html - 使用 CSS 创建的居中 .page-desc 按钮

Question

我试图在 Squarespace 中将一个按钮居中，该按钮由 CSS 和页面描述中的链接制成。

我使用了这个 Squarespace Question提供的代码。它完美地获得了按钮，但它最终真的歪了..链接

有谁知道我可以使用任何代码在屏幕中动态居中按钮（页面描述链接），就像 madebybump.com 等其他选框示例一样？

我尝试了边距、填充和位置：块，但这些都不起作用，最终在 CSS 编辑器中变灰。

谢谢！！

Answer 1

这取决于您的其余代码。但这里有两种方法：

1. 如果您指定了按钮的宽度。尝试将此样式添加到按钮：margin: 0 auto;

2. 或者创建一个 div 标签，按钮将放置在其中。并将这些样式添加到 div：

   float:left; width:100%; text-align:center;

Answer 2

.example-btn{
     width:100px;
     height:1000px;
     line-height:100px;
     border:1px solid red;
     overflow:hidden;
     text-align:center;
     position:relative;
 }