大佬教程收集整理的这篇文章主要介绍了css-float – 使用带有内联块间距的Haml,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
因此,如果您正在使用haml并希望将结束标记放在与下一个开始标记相同的行上,那么除了切换到ERB之外还有解决方案吗?
(不,我不想弄乱父容器的css属性,并且必须在所有子元素中覆盖它).
这打破了(锚之间有间距).
因此,尽管建议使用内联块而不是浮点数进行此类布局,但似乎浮动仍然是要走的路,特别是在使用haml时?
CSS
nav a { display: inline-block; padding: 5px; BACkground: red; }
HTML
<nav> <a href="#">One</a> <a href="#">Two</a> <a href="#">Three</a> </nav>
解决方法(css-tricks onE):
<ul> <li> one</li><li> two</li><li> three</li> </ul>
要么
<ul> <li>one</li ><li>two</li ><li>three</li> </ul>
另一个:
<ul> <li>one</li><!-- --><li>two</li><!-- --><li>three</li> </ul>
(这是关于该主题的超级有用的文章:http://designshack.net/articles/css/whats-the-deal-with-display-inline-block/)
这是一个实验的代码:http://cdpn.io/Bjblr
这工作:
这是html如果锚文本在同一行(相同的结果,但更难阅读源html:
以上是大佬教程为你收集整理的css-float – 使用带有内联块间距的Haml全部内容,希望文章能够帮你解决css-float – 使用带有内联块间距的Haml所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。