[问题] 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