Html 如何创建包含描述的方程式表?
我想创建一个无边界方程式表,方程式编号并对齐等号:Html 如何创建包含描述的方程式表?,html,css,html-table,alignment,mathjax,Html,Css,Html Table,Alignment,Mathjax,我想创建一个无边界方程式表,方程式编号并对齐等号: 我想插入彩色和缩放的Unicode字符来代替等号,即更大的红色⬌(等价)。最后,描述与方程式相一致——最好在右边 我尝试了居中公式,但等号和数字没有按预期对齐-对齐一个或另一个需要特定行间距: \([1]\hspace{63px}1+2=3\) \([2]\ \ 1 + 3 + 5= 9 + 0\) 可以使用一些HTML和CSS创建这样的表 从基本表格开始,加入一些CSS以设置表格宽度、添加边框和对齐文本: 表{宽度:300px;边框
我想插入彩色和缩放的Unicode字符来代替等号,即更大的红色
⬌代码>(等价)。最后,描述与方程式相一致——最好在右边
我尝试了居中公式,但等号和数字没有按预期对齐-对齐一个或另一个需要特定行间距:
\([1]\hspace{63px}1+2=3\)
\([2]\ \ 1 + 3 + 5= 9 + 0\)
可以使用一些HTML和CSS创建这样的表
从基本表格开始,加入一些CSS以设置表格宽度、添加边框和对齐文本:
表{宽度:300px;边框折叠:折叠;}
表,td,th{边框底部:1px纯黑色;}
.ctr{文本对齐:居中;}
.lft{text align:right;}
.rgt{text align:left}
[1]
3 - 2
=
1.
[2]
4 + 1 - 3
=
6 - 4
您应该探索mathjax(latex)强大的对齐功能
\(\begin{alignat}{3}
&[1] \hspace{63px}&&&&{3-2}&\=1\hspace{63px}&&\text{More算术}
\\&[2] &&&{E}&\=mc^2&&\text{Feel the energy}
\\&[3] &&&{x+1}&\\color{red}{\unicode{x2B0C}}5&&\text{description}
\结束{alignat}\)
MathJax具有&
对齐命令。使用&=
而不是=
,并使用除\(\)
以外的内容。您可以在MathJax.Excellent中使用对齐的表或数组,这比我的解决方案简单得多,而且大多数功能都已就绪。两件事:(1)表格边框是选项吗?(2) 放大Unicode符号会使其垂直对齐(就像CSS中没有更正的那样)-有什么解决办法吗?有没有办法剪切底部行额外的顶部填充?是的,请参阅我刚刚编辑的第二个代码段。使用变换和缩放而不是增加字体大小不会影响行距。我明白了。由于我打算创建一个高度灵活的表框架,我将把我的方法标记为“答案”,因为我认为它在这方面更简单;添加了对您的方法的引用。谢谢你的意见。我同意,你的方法应该更加灵活。然而,知道你有这样的可能性总是很好的