[問題] React寫倒數計時,遇到排版問題

作者: Qian1208 (Wizardgreen)   2017-08-08 16:38:13
大家好,我剛開始踏入網頁設計的領域,靠自學到現在約三週,所以可能還有很多概念是
有問題的,會有很多不解的部分,還請大家幫忙解答。
http://i.imgur.com/ioRCkW6.png
程式碼
http://i.imgur.com/rtun04h.png
結果
我想要把上面數字與下方文字的距離拉近,上網查到了style={{margin: }}可以更改
但是不管用了什麼寫法,例如
style={{margin:10px}}
style={{margin:'10px'}}
style={{margin:-10}}
....等一大堆,兩者之間的距離都是拉大到如上圖的大小,數直跟寫法怎麼改都不會變。
除此之外,有沒有方法能夠讓數字的格式固定呢?
像是分鐘於個位數的時候也是以兩位數顯示,例如3分顯示成03分,11毫秒顯示成011毫秒
不知道有沒有高手能替我解答一下,感謝!
作者: irena4 (Irena)   2017-08-08 18:14:00
簡單回覆 1. margin 不是html tag 2. <font> 在html5也不支援h1 h2 h3 ...瀏覽器預設本身就有margin請先開F12確認你要修改的dom 要改些什麼style因為你基本的html5 css都非常不熟悉不建議越級使用react至於要達成你要的排列方式很多,先學學layout等等概念
作者: wooji (Merry Christmas!)   2017-08-11 06:57:00
三週就可以開始寫react,這麼猛
作者: Qian1208 (Wizardgreen)   2017-08-11 16:42:00
有寫了一個簡單的元件,但真的還是很困難,感謝一樓解說

Links booklink

Contact Us: admin [ a t ] ucptt.com