您的位置：首页 > 移动开发 > IOS开发

html5 弹性布局 兼容ios8.3及以下 三个div并排布局

2017-10-12 17:38 337 查看

直接上图



注意

弹性盒子一直是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设置宽度去解决

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5 ios
相关文章推荐
新的分享
章节导航