设置盒子指定水平方向和垂直方向的对齐方式工具/原料moreDreamweaver.exe方法/步骤1/11分步阅读

新建html文件

2/11

创建div及样式

3/11

预览效果如图

4/11

设置文字垂直居中

5/11

预览效果如图

6/11

把文本改为一个字

7/11

预览效果如图

8/11

设置文字左对齐

9/11

预览效果如图

10/11

设置文字右下角对齐

11/11

预览效果如图附上代码

style

div{ display:-webkit-box;

display:-moz-box;

width:400px;

height:300px;

background:#9C6;

-moz-box-align:end;

-webkit-box-align:end;

-moz-box-pack:end;

-webkit-box-pack:end;

}

/style

注意事项

注意兼容性