Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何创建包含描述的方程式表?_Html_Css_Html Table_Alignment_Mathjax - Fatal编程技术网

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中没有更正的那样)-有什么解决办法吗?有没有办法剪切底部行额外的顶部填充?是的,请参阅我刚刚编辑的第二个代码段。使用变换和缩放而不是增加字体大小不会影响行距。我明白了。由于我打算创建一个高度灵活的表框架,我将把我的方法标记为“答案”,因为我认为它在这方面更简单;添加了对您的方法的引用。谢谢你的意见。我同意,你的方法应该更加灵活。然而,知道你有这样的可能性总是很好的