1

CSSで作成されたSquarespaceのボタンと、ページの説明のリンクを中央に配置しようとしています。

This Squarespace Questionで提供されているコードを使用しました。ボタンを完全に取得しますが、最終的には本当に歪んでしまいます.. link

madebybump.com のような他のマーキーの例のように、ボタン (ページの説明リンク) を画面の中央に動的に配置するために使用できるコードを知っている人はいますか?

Margins、padding、および position: block を試しましたが、いずれも機能せず、CSS エディターでグレーアウトしてしまいます。

ありがとう！！

4

2 に答える 2

0 
.example-btn{
     width:100px;
     height:1000px;
     line-height:100px;
     border:1px solid red;
     overflow:hidden;
     text-align:center;
     position:relative;
 }
于 2014-06-06T07:14:57.300 に答える
0

それはあなたのコードの残りの部分に依存します。しかし、ここに2つの方法があります：

  1. ボタンの幅を指定した場合。このスタイルをボタンに追加してみてください:margin: 0 auto;

  2. または、ボタンが配置される div タグを作成します。これらのスタイルを div に追加します。

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

于 2014-06-06T03:44:41.093 に答える