无法将<nb-icon>与多行文本对齐

问题描述

我正在尝试将警报三角形图标与多行文本对齐。文字和图标都应该左对齐。

This is what I am trying to do

This is what I am able to do

这是我正在使用的一段代码：

<nb-alert outline="basic" style="display: flex; justify-content: flex-start;">
                        <div>
                            <div style="float: left;">
                                <nb-icon icon="alert-triangle" status="danger"></nb-icon>
                            </div>
                            <div style="align-self: center; padding:20px; white-space: pre-wrap;" >
                                Error: Error details<br>
                                Explanation: Explanation of Error<br>
                                Status: Status of error<br>
                            </div>
                        </div>
                    </nb-alert>

您能帮我吗...预先感谢。

解决方法

您可以使用下面的CSS代码并设置所需图标的高度。

SELECT sum(column_1),sum(...) as sum_1,sum(...) as sum_2,sum(...) as sum_3,(sum(...) + sum(...) + sum(...)) / 3 as sum_average
FROM table_1