Hi,
今天改CSS時遇到問題
我要在 min-height 裡面設定垂直置中，發現設定會無效
後來有看到 http://goo.gl/PvbeNL
測試後的確是可以垂直置中，But 有一個地方不知道怎麼修改
這是我的 JsFiddle 測試: https://jsfiddle.net/83azL9bw/1/
寬度不一樣...
已經知道是因為最頂層的 a tag 造成的
在第一個例子裡面 content 因為有值，所以寬度會是 80*2 + 3*2 + 108
但是設定成container之後，content沒有值，寬度會變為 80*2 + 3*2
已經知道原因，但是... 不會改...
小弟能力想不出比較正當的改法...
目前不能動 cm1，其他都可以改
有大大有解法嗎? 提供給我參考一下
感謝

看不懂你要的呈現到底是第一個還是第二個...cm1不能動是說html一定要包這層還是樣式也不能動？還有為何不用table-cell

我希望有第一個的寬度，有第二個得置中效果一定要有cm1樣式。cm1樣式不能動，可以額外新增 style

.container 設寬度 還有用table-cell比較簡單

Top: 50%; translateY(-50%); 有時候會用的奇怪方法不過既然只是文字，為什麼不用padding就好

.cm1:not(.container) { 這樣呢？支援度不論，非選擇器理論上是css正式規範拉...

還是不懂為何要搞這麼複雜？照程式碼看來只要沒 min-height就可以垂直置中，那你在你要垂直置中的按鈕上多加一個 class像 v-middle 之類，再設 .cm1.v-middle {min-height:0;}不就解決了＠＠

因為文字可能只有一行，會小於 min-height。可以加 v-middle，但是這樣就要掃過全部網頁，讓所有有cm1的class都再加上v-middlev-middle 搞錯意思了XD。無法設定min-height為0，因為Button文字可能會小於min

不就是因為文字可能小於min-height才需要這樣的...= =;;

jquery暴力解? https://jsfiddle.net/83azL9bw/3/原諒我新手 這樣沒有RWD...jsfiddle.net/83azL9bw/4/ 看能不能改成只更新元件...

https://jsfiddle.net/83azL9bw/5/不過 我覺得整個改掉比較好

連結不是就<a>而已？