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

 时间:2024-10-13 14:15:54

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>

设置盒子指定水平方向和垂直方向的对齐方式
  • 纯css实现鼠标移动到元素上出现下拉菜单
  • css+div里怎么给字体改颜色
  • CSS怎么设置圆角属性?
  • 如何通过CSS实现圆角边框?html圆角边框代码?
  • CSS设置下划线与文字间距距离
  • 热门搜索
    手机vpn怎么用 鱼干怎么做好吃 八马茶业怎么样 眼压高是怎么回事 会计证怎么自考 小孩肚子胀气怎么办 空格怎么打出来 未分配利润怎么算 12306怎么注销账号 冻豆腐怎么做