请问怎样让这一排图标，居中显示，谢谢

[sky12333]

<style>
.methods-of-payment img { padding: 0.2em; }
.lt-ie9 .methods-of-payment, .ie8 .methods-of-payment, .oldie .methods-of-payment { display: none; }
</style>
<span class="methods-of-payment">
<img src="{{ 'amazon_payments' | payment_type_img_url }}" height="35" alt="amazon payments" />
<img src="{{ 'apple_pay' | payment_type_img_url }}" height="35" alt="apple pay" />
<img src="{{ 'american_express' | payment_type_img_url }}" height="35" alt="american express" />
<img src="{{ 'bitcoin' | payment_type_img_url }}" height="35" alt="bitcoin" />
<img src="{{ 'dankort' | payment_type_img_url }}" height="35" alt="dankort" />
<img src="{{ 'diners_club' | payment_type_img_url }}" height="35" alt="diners club" />
<img src="{{ 'discover' | payment_type_img_url }}" height="35" alt="discover" />
<img src="{{ 'dogecoin' | payment_type_img_url }}" height="35" alt="dogecoin" />
<img src="{{ 'dwolla' | payment_type_img_url }}" height="35" alt="dwolla" />
<img src="{{ 'forbrugsforeningen' | payment_type_img_url }}" height="35" alt="forbrugsforeningen" />
<img src="{{ 'jcb' | payment_type_img_url }}" height="35" alt="jcb" />
<img src="{{ 'litecoin' | payment_type_img_url }}" height="35" alt="litecoin" />
<img src="{{ 'maestro' | payment_type_img_url }}" height="35" alt="maestro" />
<img src="{{ 'master' | payment_type_img_url }}" height="35" alt="master" />
<img src="{{ 'paypal' | payment_type_img_url }}" height="35" alt="paypal" />
<img src="{{ 'visa' | payment_type_img_url }}" height="35" alt="visa" />
</span>

[Proud lion]

可以把span转成快元素再用margin:0 auto

[edwin_nj]

楼上答案没错,一劳永逸的方法是使用flex span上加一层<div class="box"> .box{display:flex} span加类 .span{justify-content:center} https://www.runoob.com/w3cnote/flex-grammar.html