css将文本至于底部 |icon css

一种方式是使用CSS的flexbox布局。在父元素中设置display为flex，justify-content为space-between，align-items为flex-end，即可将子元素放置于底部。代码如下：

.parent {
display: flex;
justify-content: space-between;
align-items: flex-end;
}

另一种方式是使用绝对定位。在父元素中设置position为relative，在子元素中设置position为absolute，bottom为0，即可将子元素放置于底部。代码如下：

.parent {
position: relative;
}
.child {
position: absolute;
bottom: 0;
}

还有一种方式是使用line-height属性，将其值设置为与父元素的高度相同。这样，文本就会被垂直居中，并紧贴着底部。代码如下：

.parent {
height: 50px;
line-height: 50px;
}

以上三种方式都可以将文本置于底部，选择哪种方式自主决定。