html中盒子内部对齐box-pack属性与box-align属性怎么用
这篇文章主要介绍"html中盒子内部对齐box-pack属性与box-align属性怎么用"，在日常操作中，相信很多人在html中盒子内部对齐box-pack属性与box-align属性怎么用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"html中盒子内部对齐box-pack属性与box-align属性怎么用"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
当弹性元素与非弹性元素混合排版时，有可能会出现所有子元素的尺寸大于或小于盒子的尺寸，从而出现盒子空间不足或者富余的情况。这时就需要一种方法来管理盒子的空间。如果子元素的总尺寸小于盒子的尺寸，则可以使用box-align和box-pack属性进行管理。
CSS3新增的box-pack属性和box-align属性，分别用于定义盒元素内部"子元素"的水平方向和垂直方向上的富余空间管理方式。这些对齐方式，对盒元素内部的文字、图形以及子元素都是有效的。
一、水平对齐box-pack属性
box-pack属性可以在水平方向上对盒子的富余空间进行管理。
二、垂直对象box-align属性
box-align属性可以在垂直方向上对盒子的富余空间进行管理。
三、实际应用
在CSS2中，如果想要让文字垂直居中，往往都是设置height属性值等于line-height属性值 ，不过学习了这一节，我们只要让div元素使用box-align属性（排列方向默认为horizontal），文字就可以垂直居中了。
举例1：文字自适应居中（包括垂直居中和水平居中）
盒子内部对齐box-pack属性与box-align属性
举例2：图片自适应居中（包括垂直居中和水平居中）
盒子内部对齐box-pack属性与box-align属性 宽度：160px
高度：100px
到此，关于"html中盒子内部对齐box-pack属性与box-align属性怎么用"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！
