在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  HTML/ select.js 圖片與文字怎么垂直居中對(duì)齊?

select.js 圖片與文字怎么垂直居中對(duì)齊?

有個(gè)bootstrap.select.js 的列表框插件,怎么能讓圖片與文字他們垂直居中對(duì)齊。
圖片描述

<select class="form-control selectpicker" id="identity">
  <option data-content="<img src='/static/assets/images/zh.png' width='32' height='32' /><span  >簡(jiǎn)體中文</span>"></option>
  <option data-content="<img src='/static/assets/images/usa.png' width='32' height='32' />English"></option>
</select>

jquery
bootstrap
bootstrap-select.js
bootstrap-select.css
bootstrap.css

我讓文字用span包起來(lái)試了一下,padding-top,不行啊,圖片也跟著動(dòng)。<span style="padding-top:10px;">簡(jiǎn)體中文</span>

網(wǎng)上找了好幾種方法,貌似都不可以。到我這里就不靈了。誰(shuí)有好辦法,教教我唄!

回答
編輯回答
乞許
<select class="form-control selectpicker" id="identity">
  <option data-content="<img src='/static/assets/images/zh.png' width='32' height='32' /><span style='vertical-align: middle;'>簡(jiǎn)體中文</span>"></option>
  <option data-content="<img src='/static/assets/images/usa.png' width='32' height='32' /><span style='vertical-align: middle;'>English</span>"></option>
</select>

clipboard.png

2017年12月12日 06:55