.action{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; right: 8px; top:-3px; } .time{ width: 30px; height: 10px; color: rgba(0, 0, 0, 0.5); font-size加上发送信息的时间和小红点
时间: 2024-03-29 09:40:50 浏览: 62
flex布局 justify-content 解决最后一排数量不够自动向两端排列问题.doc
3星 · 编辑精心推荐
这段代码主要是用来设置消息气泡的位置和样式,`.action`类是用来设置消息气泡的整体样式,包括居中、相对定位和向右上方偏移。`.time`类是用来设置消息发送时间的样式,包括字体大小和颜色。这段代码还可能包含其他元素或类,用来实现小红点等功能。但是需要注意的是,这段代码只是样式代码,要实现发送信息的时间和小红点等具体功能还需要在后台代码中进行实现。
阅读全文