Html 桌子周围的圆括号（矩阵）

我用MathML创建了一个简单的矩阵，其中包含一些输入框。它在Firefox中工作得很好，但在Chrome中不行，我想用HTML（一个表格）和CSS来重新创建类似的东西，这样它就可以在更多的浏览器中工作

这里有一个链接指向预期效果的屏幕截图，因为我无法发布图像：

使用MathML代码片段：

输入{
宽度：24px；
背景色：透明；
边框：1px纯色灰色；
字体系列：衬线；
字体大小：粗体；
文本对齐：居中；
字体大小：16px；
}
输入+输入{
右边距：2米；
}
输入：第一个孩子{
左边距：1em！重要；
}

(
)

我会制作两个括号图像（一个左，一个右），并将其高度设置为100%。通过这一点，您可以避免使用真实文本（以及

font-size

属性）

然后将容器设置为

position:relative

，将图像设置为

position:absolute；左（/右）：0px；顶部：0px；身高：100%。如果您写入
位置：绝对，则应介于两者之间；左：
左括号的宽度
；右：
右括号的宽度

希望这能有所帮助：-）
我没有用mathml标记它，因为它不是问题的核心-mathml代码只是作为一个参考来显示我想要实现的目标。也就是说，我对提问还不熟悉，所以我可能完全错了/还不了解标签的用途。你的第一次尝试有什么问题？对我来说，这看起来是对的？@Brian，这还不算太糟糕，但如果你看一下括号的顶端，它们看起来不像原来那样清晰——它们有点褪色，失去了厚度。也许我有点挑剔，但对我来说，MathML版本看起来更像实际的括号，而不是我的尝试。如果看起来我在这方面没有多大改进，我可能最终会使用它。不过，我更喜欢使用实际的字体——出于可访问性的目的，可能更好。我想我将使用这种方法处理两个SVG图像，并在转换为path之前使用inkscape中的文本工具使用MathML字体创建括号。谢谢