Tocas: 圖片被 <a> 包覆之後置中失效

[goodjack]

遊樂場：https://goo.gl/bnGANr

<a href="https://tocas-ui.com/assets/img/e1fffb5.png" target="_blank">
    <img class="ts centered image" src="https://tocas-ui.com/assets/img/e1fffb5.png">
</a>

[YamiOdymel]

因為 <a> 通常是 inline-block 的導致不能置中，為了解決這個問題，ts centered image 通常需要加在 <a> 上（好像有點難以形容 🤔）。

所以正確做法應該是這樣：

<a class="ts centered image" href="https://tocas-ui.com/assets/img/e1fffb5.png" target="_blank">
    <img src="https://tocas-ui.com/assets/img/e1fffb5.png">
</a>

不過這裡試了一下發現一個額外的問題，就是當沒有指定圖片大小（ts centered small image⋯等）的時候，置中仍然會失效，這個問題等一下會修。

目前的解決方法就是把 ts centered image 移動到 <a> 上後，給 <a> 一個 text-align: center; 就可以了。

[goodjack]

這樣是不是也可以？

<a class="ts centered image" href="https://tocas-ui.com/assets/img/e1fffb5.png" target="_blank">
    <img class="ts centered image" src="https://tocas-ui.com/assets/img/e1fffb5.png">
</a>

[YamiOdymel]

兩個都用 ts centered image 是沒什麼問題，不過看起來可能亂亂的

「正常來說」只要加在 <a> 上就應該要能正常運作。