1回答

好帮手慕慕子

2020-06-25

已采纳

同学你好，对于你的问题解答如下：

1. 由于list-title设置了text-align:center;属性，让内容水平居中显示，而水平线是list-title行内块元素，作为list-title的子元素，自然就会水平居中了

2. 水平线设置的左右间距是为了调整和文字之间的间距，让效果看起来更好。

3. 通过检查元素可知，水平线并没有实现垂直居中

   

   老师设置margin-bottom只是为了调整水平线在垂直方向上的位置，没有要求说水平线一定要垂直居中，只要效果实现是美观的就可以了

4. 如果想要实现水平线垂直居中，推荐给三个span元素添加vertical-align:middle;这个属性，实现垂直居中对齐的效果，示例：

   

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

0