問(wèn)題描述

在chrome上使用text-align沒(méi)有用，后來(lái)試了下text-align-last:center有作用，但是在Safari上 是無(wú)效的；Google后也沒(méi)發(fā)現(xiàn)什么有價(jià)值的，有哪位遇到過(guò)嗎？

問(wèn)題解答

有一個(gè)hack的辦法

在select的位置寫(xiě)一個(gè)span，用js去綁定span里的值和select的值，讓span元素居中，隱藏掉select。

大約是這樣的：

js的內(nèi)容就自己寫(xiě)一下吧

.pesu-select { text-align: center;border:solid 1px #000; } .pesu-select select { position: absolute; left: 0px; top: 0px; width: 100%; height: 42px; opacity: 0; } <p class='pesu-select'> <span>aaa</span> <select> <option value='1'>aaa</option> <option value='2'>bbb</option> <option value='3'>ccc</option> </select> </p> 回答2：

其他途徑解決問(wèn)題：select外面包一層p，select的寬度不設(shè)置（由內(nèi)容撐開(kāi)），設(shè)置容器的寬度與text-align:center;