作者Qian1208 (Wizardgreen)
看板Web_Design
标题[问题] React写倒数计时,遇到排版问题
时间Tue Aug 8 16:38:13 2017
大家好,我刚开始踏入网页设计的领域,靠自学到现在约三周,所以可能还有很多概念是
有问题的,会有很多不解的部分,还请大家帮忙解答。
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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1502181496.A.E62.html
1F:→ irena4: 简单回覆 1. margin 不是html tag 2. <font> 在html5 08/08 18:14
2F:→ irena4: 也不支援 08/08 18:15
3F:→ irena4: h1 h2 h3 ...浏览器预设本身就有margin请先开F12 08/08 18:16
4F:→ irena4: 确认你要修改的dom 要改些什麽style 08/08 18:16
5F:→ irena4: 因为你基本的html5 css都非常不熟悉不建议越级使用react 08/08 18:17
6F:→ irena4: 至於要达成你要的排列方式很多,先学学layout等等概念 08/08 18:20
7F:推 wooji: 三周就可以开始写react,这麽猛 08/11 06:57
8F:→ Qian1208: 有写了一个简单的元件,但真的还是很困难,感谢一楼解说 08/11 16:42