[分享]css两排并列的文字对齐方式

CSS中有多种方式可以让两列并排显示。除了使用float或者flexbox布局来实现外，还有一种常见的方式是使用display:inline-block。

在使用display:inline-block时，需要注意到两个重要的问题：

1. inline-block元素会受到空格和换行符的影响
2. inline-block元素默认的垂直对齐方式是基线对齐

对于第一个问题，我们可以通过将两个元素的父元素设置为font-size:0来解决。这样两个子元素之间的空格就会被忽略。

.parent {
  font-size: 0;
}
.child {
  display: inline-block;
  width: 50%;
  font-size: 16px;
} 

对于第二个问题，我们可以通过将两个子元素的vertical-align属性设置为top，middle或者bottom来改变它们的垂直对齐方式。一般情况下，使用middle比较常见。

.parent {
  font-size: 0;
}
.child {
  display: inline-block;
  width: 50%;
  font-size: 16px;
  vertical-align: middle;
} 

需要注意的是，由于使用inline-block会使得元素之间出现一些奇怪的空隙，因此需要将子元素的宽度设置为50%或者使用margin负值来解决这个问题。

总之，使用display:inline-block实现两列并列的布局是一种简单又实用的方法，但需要注意到空格和垂直对齐方式这两个问题。通过合适数值的设置，可以轻松实现理想的效果。