样式问题

1.文本超出变省略号

  给父元素标签设置属性

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

多行文本溢出

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

2.高光边框

  -webkit-box-shadow: 0 0 10px rgb(92, 240, 111);

3.自适应的表格

style="table-layout: fixed;" border="1" width="100%" cellspacing="0" cellpadding="2"

4.完全居中的方法CSS

给父元素一个相对定位

在子元素设置

margin: auto;

position: absolute;

top: 0; right: 0; bottom: 0; left: 0;

img的图像也可以使用

同时注意:必须生命元素高度

推荐设置 overflow:auto;样式避免元素溢出,显示不正常的问题

这种方法在Windows Phone上不起作用

5.图片替换裂图

给 img 添加 onerror  错误事件onerror="javascript:this.src='http://m.uzhuang.com/res/img/guanjia.png';"

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,831评论 0 11
  • 前言 最近业务场景中遇到比较多的一个需求,当正在执行异步操作时,需要将一些按钮置灰,并不可用。今天总结一下。 di...
    回调的幸福时光阅读 15,396评论 0 0
  • JavaScript 1. type 类型判断 isString (o) {//是否字符串 returnObjec...
    Mr_ZhangH阅读 3,775评论 0 1
  • 2016-12-05我喊你敢答应吗 文 | 躲猫儿 星期天去图书馆,我遇到了一位神奇的图书管理员,因为是女的我不能...
    躲猫儿阅读 4,095评论 0 0