Rollback of 開発メモ/jQueryUIでSelectmenuを並行に並べる
このバージョンに戻す
[Rev:OUvY6oCsxW](最終更新:8年前)
[Rev:OUvY6oCsxW](最終更新:8年前)
確認バージョン
- jQuery1.11.4
JQueryでSelectMenuと他の要素を横に並べるとずれてしまう
File not found: 開発メモ/jQueryUIでSelectmenuを並行に並べる/ズレ.png[添付]
![[添付]](https://top.rwiki.jp/%E9%96%8B%E7%99%BA%E3%83%A1%E3%83%A2/jQueryUI%E3%81%A7Selectmenu%E3%82%92%E4%B8%A6%E8%A1%8C%E3%81%AB%E4%B8%A6%E3%81%B9%E3%82%8B:upload/%E9%96%8B%E7%99%BA%E3%83%A1%E3%83%A2/jQueryUI%E3%81%A7Selectmenu%E3%82%92%E4%B8%A6%E8%A1%8C%E3%81%AB%E4%B8%A6%E3%81%B9%E3%82%8B/%E3%82%BA%E3%83%AC.png){kind=link}
そこでDropDownにvertical-align:middleを設定することで中央に配置することができる
設定例
.ui-selectmenu-button {
vertical-align : middle;
}
File not found: 開発メモ/jQueryUIでSelectmenuを並行に並べる/ズレ解消.png[添付]
![[添付]](https://top.rwiki.jp/%E9%96%8B%E7%99%BA%E3%83%A1%E3%83%A2/jQueryUI%E3%81%A7Selectmenu%E3%82%92%E4%B8%A6%E8%A1%8C%E3%81%AB%E4%B8%A6%E3%81%B9%E3%82%8B:upload/%E9%96%8B%E7%99%BA%E3%83%A1%E3%83%A2/jQueryUI%E3%81%A7Selectmenu%E3%82%92%E4%B8%A6%E8%A1%8C%E3%81%AB%E4%B8%A6%E3%81%B9%E3%82%8B/%E3%82%BA%E3%83%AC%E8%A7%A3%E6%B6%88.png){kind=link}