<button> display：blockで作業していません。

タイトルには、<button>というタグがあり、CSSの表示：ブロックがあります。自動的に要素がコンテナの幅に及ぶようにする必要がありますか？私はページに他のボタンを持っていますが、<a>タグですが、<button>タグと同じCSSクラスです。<button> display：blockで作業していません。

ウェブサイトはhttp://www.cqwebdesign.co.uk/stirlinggrey/で、下のボタンリンクとして各セクションが表示されています。 http://codepen.io/anon/pen/zoOQQL

HTML：：

CSS

Codepenバージョン "YOUR FREE GUIDEと引用符を受け取るために"：しかしクエスト内の1つのタイトルを持つセクションのページの一番下にあります：

.btn { 
    font-size: 16px; 
    font-family: Open Sans; 
    color: #fff; 
    border: 0; 
    background: #000; 
    padding: 10px; 
    text-decoration: none; 
    text-transform: uppercase; 
    line-height: 1.5; 
    display: block; 
    margin-bottom: 10px; 
}

おかげ

出典

2016-11-03 Chudz

フォームの送信ボタンを全幅にしたいですか？ – Lee

画面のサイズがその最大幅を下回っている場合は、最大幅を持ち、全幅にします。それが理にかなっていれば？私はコードを添付して、最大の幅のCSSを差し引いただけです。 – Chudz

次に、選択した幅のCSSメディアクエリを追加します。 – weinde

-1

あなたの問題がある場合ボタンを中央に配置する必要があることを明確にする必要があります。上記の浮遊要素の影響を受けないようにします。

ブロックレベルの要素は全幅を占めますが、要素自体の幅には影響しません。幅を使用します。これを変更するタグ。

希望します。

出典

2016-11-03 14:26:51 SMoore

<button> display：blockで作業していません。

答えて

関連する問題