浮动子元素均分布局

在前端页面的布局过程中,作者遇到了,这样一个问题
当子元素为浮动元素时,父元素设置相应属性后可以被子元素撑开,但无法实现子元素的均分布局,在网络上找了半小时的资料,没有符合要求的布局示例,
今天自己用jQuery实现了动态计算子元素的margin,实现了子元素的均分布局,特来分享一下...

先上效果图

parent_son

源码如下




    
    Title

    

    
    




君不见
黄河之水
天上来
奔流到海
不复回
高堂明悲白发
朝如青丝暮成雪
人生得意须尽欢
莫使金樽空对月
父标签宽度:
子标签宽度(包含border):
单行子级标签个数为:
子级标签左右的margin值为:

对应的完整源码,以及jQuery在这里

http://www.jianshu.com/p/4f28e1ae08b1

你可能感兴趣的:(浮动子元素均分布局)