HTML 中的问题是否导致 FF 和 Chrome 以不同方式呈现此“vertical-align: baseline”？
Is it a problem in this HTML that causes FF and Chrome to render this `vertical-align: baseline` differently?
我一直在使用 Blazor 和 Blazorise 库进行一些工作。我遇到了 FF 和 Chrome 之间的布局差异，这搞砸了我的网格外观
我可以在他们的演示网站上复制它：https://bootstrapdemo.blazorise.com/tests/datagrid
如果我..
- 前往那里并将编辑模式下拉菜单设置为内联
- 点击编辑任意行
- 检查第一个元素
- 将 class
.table td class vertical-align: top 改为 baseline
我最终在 FF 中得到了这个：
Chrome中的这个：
Chrome 中文本的底部全部对齐。在FF中，明文“2”是low
您可能会注意到网格 HTML 呈现中存在一个小错误，因为处于编辑模式的行不包含在 <tr 中； Blazorise 团队知道这一点，但似乎不是原因，因为我手动将所有 <td 添加到 <tr 中，我仍然发现 Firefox 呈现的纯文本低于文本在某些编辑控件中（但不是其他控件）。
所以，我很好奇这是否是一个 FF 错误，一个 Chrome 错误（chrome 渲染是我认为正确的），两者之间的意见不同不太可能被视为错误的营地，或者如果我可以对我的 blazorise 网格做些什么（或传递给 blazorise 团队），即缺少一些 HTML，如果包含，将使 FF 很好地对齐内容.
当呈现像“2”这样的“不可编辑文本”时，Blazorise 将其直接放在 <td 中，而可编辑的内容会得到相关的 <input。日期和文本输入呈现在较高位置，而纯文本、复选框、组合框、bootstrap 警报和按钮则在较低位置：
这里是 Blazorise 创作者。该问题将在下一个版本中修复，计划于 7 月 18 日发布。
我一直在使用 Blazor 和 Blazorise 库进行一些工作。我遇到了 FF 和 Chrome 之间的布局差异，这搞砸了我的网格外观
我可以在他们的演示网站上复制它：https://bootstrapdemo.blazorise.com/tests/datagrid
如果我..
- 前往那里并将编辑模式下拉菜单设置为内联
- 点击编辑任意行
- 检查第一个元素
- 将 class
.table tdclassvertical-align: top改为baseline
我最终在 FF 中得到了这个：
Chrome中的这个：
Chrome 中文本的底部全部对齐。在FF中，明文“2”是low
您可能会注意到网格 HTML 呈现中存在一个小错误，因为处于编辑模式的行不包含在 <tr 中； Blazorise 团队知道这一点，但似乎不是原因，因为我手动将所有 <td 添加到 <tr 中，我仍然发现 Firefox 呈现的纯文本低于文本在某些编辑控件中（但不是其他控件）。
所以，我很好奇这是否是一个 FF 错误，一个 Chrome 错误（chrome 渲染是我认为正确的），两者之间的意见不同不太可能被视为错误的营地，或者如果我可以对我的 blazorise 网格做些什么（或传递给 blazorise 团队），即缺少一些 HTML，如果包含，将使 FF 很好地对齐内容.
当呈现像“2”这样的“不可编辑文本”时，Blazorise 将其直接放在 <td 中，而可编辑的内容会得到相关的 <input。日期和文本输入呈现在较高位置，而纯文本、复选框、组合框、bootstrap 警报和按钮则在较低位置：
这里是 Blazorise 创作者。该问题将在下一个版本中修复，计划于 7 月 18 日发布。