/* 方法一:使用line-height属性 */ p { line-height: 1.5em; } /* 方法二:使用flexbox布局 */ .container { display: flex; align-items: flex-start; } .container p { margin: 0; } /* 方法三:使用vertical-align属性 */ p { display: inline-block; vertical-align: top; }
以上是常用的三种实现方式,具体选择哪一种方法应视具体情况而定。需要注意的是,使用line-height属性时需要注意调整行高的值,选择合适的行高可以让文本更加美观。而使用flexbox布局和vertical-align属性时,需要对元素进行适当的包裹和定位使其生效。