[分享]css内容两段对齐

在CSS中，我们可以使用“textalign”属性来对齐文本内容，但是在涉及到多个内容块时，如何让这些块对齐，这就需要使用到“display”和“float”属性来实现。.block{ display...

在CSS中，我们可以使用“text-align”属性来对齐文本内容，但是在涉及到多个内容块时，如何让这些块对齐，这就需要使用到“display”和“float”属性来实现。

.block{
    display: inline-block;
    float: left;
} 

上面的代码中，“display”属性被设置为“inline-block”，使其可以在同一水平线上而不会换行；同时，“float”属性被设置为“left”，使其向左浮动，让其他块紧贴在其右侧。

.block-container{
    overflow: auto;
} 

同时，在包含这些块的容器中还需要设置“overflow”属性为“auto”，以使容器能够自动适应其子元素的宽度，并且避免出现溢出的情况。