誰かが私の＆lt; div＆gt;を教えてもらえますかボタンのサイズは変更されませんか？

StackOverflow https://stackoverflow.com/questions/620476

  •  05-07-2019
  •  | 
  •  

質問

ボタンに使用するDIVにそれらをどのように設定しても、サイズは変更されません。正しいファイルをアップロードしており、サーバーに変更が加えられていますが、どれだけ更新しても何も起こりません。 URLを削除して、回答が得られたら広告として使用できないようにします。

[削除されたURL]

役に立ちましたか？

解決

ここでの問題は、明示的に制御できないインライン要素のサイズを変更しようとしていることです。要素の高さと幅を設定するには、その表示モードを「ブロック」に設定する必要があります。 floatを使用して要素を水平に配置します。

div .button {
   display: block;
   -moz-border-radius: 25px;
   -webkit-border-radius: 25px;
   border: 3px double #F1A631;
   background-color: #FCFF68;
   float: left;
   width: 150px;
   height: 30px;
}

また、DIVを左から右に表示したい逆の順序に再配置する必要があります。 CSS2には、「インラインブロック」と呼ばれる表示プロパティがあります。これはこれを修正するように設計されていますが、普遍的にサポートされていません。

他のヒント

CSSでは、 display：inline を持つ要素に width または height を適用できません。そのためには display：inline-block が必要です。 IEは、幅または高さを指定すると、インライン要素をインラインブロックに誤って変換します。幸いなことに、Firefox 3のリリース以降、最小限のハッキングのみでインラインブロックを使用できます。

Firefox 2との互換性なし： 

.ib { display: inline-block; zoom: 1; *display: inline; }

HTMLの例 

<div class="ib button">My button</div>

Firefox 2の互換性 

.ib{ display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
.button { display: block; }

HTMLの例 

<div class="ib"><div class="button">My button</div></div>

.buttonの実装では、display：inline部分を削除する必要があります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top