设置盒子指定水平方向和垂直方向的对齐方式

2025-06-28 21:22:48

1、新建html文件

设置盒子指定水平方向和垂直方向的对齐方式

2、创建div及样式

设置盒子指定水平方向和垂直方向的对齐方式

3、预览效果如图

设置盒子指定水平方向和垂直方向的对齐方式

4、设置文字垂直居中

设置盒子指定水平方向和垂直方向的对齐方式

5、预览效果如图

设置盒子指定水平方向和垂直方向的对齐方式

6、把文本改为一个字

设置盒子指定水平方向和垂直方向的对齐方式

7、预览效果如图

设置盒子指定水平方向和垂直方向的对齐方式

8、设置文字左对齐

设置盒子指定水平方向和垂直方向的对齐方式

9、预览效果如图

设置盒子指定水平方向和垂直方向的对齐方式

10、设置文字右下角对齐

设置盒子指定水平方向和垂直方向的对齐方式

11、预览效果如图附上代码<style>div{ display:-webkit-box;display:-moz-box;widt茑霁酌绡h:400px;height:300px;background:#9C6;-moz-box-align:end;-webkit-box-align:end;-moz-box-pack:end;-webkit-box-pack:end;}</style>

设置盒子指定水平方向和垂直方向的对齐方式
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢