我正在使用Pure CSS来布局网站,而且我遇到了一个问题.如果嵌套网格元素之间有任何空格,则会破坏布局并将最后一个div推到下一行.我创建了一个尽可能少的测试网站来测试它是否只是我,我仍然遇到了问题.
<HTML> <head> <link rel="stylesheet" href="http://yui.yahooAPIs.com/pure/0.5.0/pure-min.CSS"> </head> <body> <div > <div > <div > <p>Hello world</p> </div> <div > <p>Hello</p> </div> <div > <p>hey there</p> </div> </div> <div > <p>Hi :)</p> </div> </div> </body></HTML>
此代码导致:
如果我从div之间取出空格,就像在
<div ><p>Hello world</p></div><div ><p>Hello</p></div><div ><p>hey there</p></div>
它修复了自己:
Chrome和firefox都会出现此问题.这是纯CSS的问题,还是我做了一些可怕的错误?
编辑:我找到了一个特定于YUI Pure CSS的解决方案.要嵌套布局,每组列都需要在自己的.pure -g div中.我在Github issue上详细介绍了这一点.
解决方法 对于内联块元素也是如此.评论出来:<div ><!-- --><div ><p>Hello world</p></div><!-- --><div ><p>Hello</p></div><!-- --><div ><p>hey there</p></div></div>总结
以上是内存溢出为你收集整理的html – 在Pure CSS中导致div堆叠的空格全部内容,希望文章能够帮你解决html – 在Pure CSS中导致div堆叠的空格所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)