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

[Qian1208 (Wizardgreen)]

大家好，我剛開始踏入網頁設計的領域，靠自學到現在約三週，所以可能還有很多概念是
有問題的，會有很多不解的部分，還請大家幫忙解答。

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毫秒



不知道有沒有高手能替我解答一下，感謝!



--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.226.221.97
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1502181496.A.E62.html
→ irena4: 簡單回覆 1. margin 不是html tag 2. <font> 在html5
→ irena4: 也不支援
→ irena4: h1 h2 h3 ...瀏覽器預設本身就有margin請先開F12
→ irena4: 確認你要修改的dom 要改些什麼style
→ irena4: 因為你基本的html5 css都非常不熟悉不建議越級使用react
→ irena4: 至於要達成你要的排列方式很多，先學學layout等等概念
推 wooji: 三週就可以開始寫react，這麼猛
→ Qian1208: 有寫了一個簡單的元件，但真的還是很困難，感謝一樓解說