发表于 | 更新于

一、上下左右居中

1
2
3
4
5
6
7
8
9
10
11
.box {
  display: table;
  table-layout: fixed; //ie
  width: 100%;
  height: 100%;
  text-align:center;
}
.box div {
  display: table-cell;
  vertical-align: middle;
}

二、换行

1. 强制不换行

1
2
3
div{
  white-space:nowrap;
}

2. 自动换行

1
2
3
4
div{
  word-wrap: break-word;
  word-break: normal;
}

3. 强制英文单词断行

1
2
3
div{
  word-break:break-all;
}
阅读全文 »

发表于 | 更新于

IE6 高度等于外围的高度

1
2
height=#bpic的高度：height:expression(document.getElementById('bpic').offsetHeight+"px");
height=body的高度：height:expression(document.body.offsetHeight+ "px");

IE6 图片最大宽度

1
2
max-width:695px;
_width: expression(this.width > 695 ? 695 : true);

IE6 图片最小高度166px

1
2
min-height:166px;
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>166?"166px":"");
阅读全文 »