📜  如何在 CSS 中对齐两列都是直的文本?

📅  最后修改于: 2021-09-01 01:56:18             🧑  作者: Mango

简介:要在 CSS 中对齐文本,有很多可用选项。基本上列在 CSS 或 HTML 中总是直的,但这里的列是直的意味着列之间的间隙和每列中的行数应该相等。

方法:在 CSS 中,每一列都作为一个盒子,所以对齐的工作和控制完全取决于Box-alignment模块,该模块旨在创建一个跨所有 CSS 的一致对齐方法。因此,通过使用Box-alignment modules属性,我们可以对齐两列或两列以上是直线的文本。通过使用 CSS align-content 属性

我们可以控制块轴并通过 CSS justify-content 属性来控制内联轴。但是邮件的作用是由CSS column-gap 属性来扮演的,没有这个属性的任务是无法完成的。但是仅通过使用此属性,我们就可以完成任务。

以下示例说明了该方法:

示例 1:

css



    

 

    

        GeeksforGeeks     

               
        The course is designed for students as well as         working professionals to prepare for coding         interviews. This course is going to have coding         questions from school level to the level         needed for product based companies like Amazon,         Microsoft, Adobe, etc.     


输出: