如果Li Box包含可变长度的文本，如何使它们对齐？

Question

我正在使用一个带li项的无序列表，以在页面上和多行上显示多个框。每个框包含可变的文本长度，这会推高某些框的高度。 Here's the example。

如何使所有行的框都很好地排列在页面上？

谢谢

Answer 1

尝试更改

auto tryParseInt(const char* src)->std::optional<int>
{
    const char* end = std::strchr(src, 0); // find the terminating null

    int parsed;
    std::from_chars_result result = std::from_chars(src, end, parsed);

    return (!(bool)result.ec && result.ptr == end)
        ? std::optional<int>{ parsed }
        : std::nullopt;
}