样式问题

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';"