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

看板Web_Design作者 (Wizardgreen)時間8年前 (2017/08/08 16:38), 編輯推噓1(107)
留言8則, 3人參與, 最新討論串1/1
大家好,我剛開始踏入網頁設計的領域,靠自學到現在約三週,所以可能還有很多概念是 有問題的,會有很多不解的部分,還請大家幫忙解答。 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

08/08 18:14, , 1F
簡單回覆 1. margin 不是html tag 2. <font> 在html5
08/08 18:14, 1F

08/08 18:15, , 2F
也不支援
08/08 18:15, 2F

08/08 18:16, , 3F
h1 h2 h3 ...瀏覽器預設本身就有margin請先開F12
08/08 18:16, 3F

08/08 18:16, , 4F
確認你要修改的dom 要改些什麼style
08/08 18:16, 4F

08/08 18:17, , 5F
因為你基本的html5 css都非常不熟悉不建議越級使用react
08/08 18:17, 5F

08/08 18:20, , 6F
至於要達成你要的排列方式很多,先學學layout等等概念
08/08 18:20, 6F

08/11 06:57, , 7F
三週就可以開始寫react,這麼猛
08/11 06:57, 7F

08/11 16:42, , 8F
有寫了一個簡單的元件,但真的還是很困難,感謝一樓解說
08/11 16:42, 8F
文章代碼(AID): #1PYNXuvY (Web_Design)
文章代碼(AID): #1PYNXuvY (Web_Design)