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

【问题标题】：Center .page-desc button created with CSS使用 CSS 创建的居中 .page-desc 按钮
【发布时间】：2014-07-27 05:57:25
【问题描述】：

我正在尝试在 Squarespace 中将由 CSS 和页面描述中的链接制成的按钮居中。

我使用了This Squarespace Question 提供的代码。它完美地得到了按钮，但它最终真的歪了..link

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

我尝试了 Margins、padding 和 position: block，但这些都不起作用，最终在 CSS 编辑器中灰显。

谢谢！！

【问题讨论】：

我不明白你在说什么。页面描述链接？？

标签： html css button center squarespace

【解决方案1】：

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

如果您已指定按钮的宽度。尝试将此样式添加到按钮：margin: 0 auto;
或者创建一个 div 标签，按钮将被放置在其中。并将这些样式添加到 div：

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

【讨论】：

【解决方案2】：

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

【讨论】：