html5 弹性布局 兼容ios8.3及以下 三个div不限制宽度并排布局

2017-10-12 19:39:38来源:CSDN作者:kingrome2017人点击

分享

直接上图

这里写图片描述

注意

弹性盒子一直是html5页面布局的好帮手,由于项目需要,app 内嵌html5页面,发现ios8.3不兼容,项目急着上线让哥乱了手脚,网上也有很多感觉不实用而且太啰嗦

实战解决方案


$(function(){            if ($(".pro_txt ul li").length==2) {                $(".pro_txt ul li").width(50+"%")            }            else{                $(".pro_txt ul li").width(33+"%")            }        })

css

父级元素100%;子元素float:left
就是这么简单


这里写图片描述


送一个jQuery限制字符字数的方法

$(function(){            $('#tabBox1-bd li.ziliao p').each(function(){                var objLength = $(this).text().length;                var objString = $(this).text();                if (objLength>27) {                    objString = $(this).text(objString.substring(0,27)+"...");                }            });        })

遍历p标签,获取文本以及文本的长度,根据判断截取—–适合用于标签无法通过css3设置宽度去解决


这里写图片描述

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台