-1

<ul>水平方向に中央揃えするにはどうすればよいですか?

下線付きのリストがありますが、左に配置されているようで、中央に配置したいと考えています。

<ul id="give-donation-level-button-wrap" class="give-donation-levels-wrap give-list-inline">
<li><button type="button" data-price-id="1" class=" give-donation-level-btn give-btn give-btn-level-1 give-default-level" value="25.00">$25</button></li>
<li><button type="button" data-price-id="2" class=" give-donation-level-btn give-btn give-btn-level-2 " value="50.00">$50</button></li>
<li><button type="button" data-price-id="3" class=" give-donation-level-btn give-btn give-btn-level-3 " value="75.00">$75</button></li>
</ul>

また、クリックしたときに選択した金額ボタンに黄色い枠線を付けるにはどうすればよいですか?

http://74.220.215.60/~xthrdmac/green/home-4-2/

4

6 に答える 6

0

水平マージンを に設定して整列するだけautoです。

ul {
    display: block;
    margin: 0 auto;
}

内のリスト項目を中央に配置する場合はul、次を使用します。

ul {
    text-align: center;
}

ul > li {
    display: inline-block;
}

あなたが参照しているサイトでは、リストではなくアイテムが必要です。

于 2016-10-28T23:42:29.367 に答える
0

次の変更を行います。

#give-donation-level-button-wrap > li {
  /* float: left; <-- remove*/
  display: inline-block; /* <-- add */ 
}
于 2016-10-28T23:44:20.640 に答える
0

これをcssに貼り付けるだけです

 #give-donation-level-button-wrap > li {
    display: inline-block;
    float: none;
 }
于 2016-10-29T04:19:00.257 に答える
0

ul 要素を div に配置し、「text-align: center;」を使用します。divの小道具。箇条書きはあなたが望まない方法で表示されますが、"style: none;" という小道具を使用してください。リストのために。またはスタイルを適用する

div{
           margin-left: 50%;   
}
于 2016-10-29T12:18:37.520 に答える