试图在html中的一行内显示两行
我正在使用ASP MVC和Bootstrap中的一个项目,在该项目中,我需要显示变压器的调节情况,具体如下所示: 我试着用以下方法来做,但没有达到我想要的结果:试图在html中的一行内显示两行,html,css,html-table,Html,Css,Html Table,我正在使用ASP MVC和Bootstrap中的一个项目,在该项目中,我需要显示变压器的调节情况,具体如下所示: 我试着用以下方法来做,但没有达到我想要的结果: 132 ± 12x1,5% 8x1.5% 您可以从以下内容开始: .txt{高度:40px;显示:表格单元格;垂直对齐:中间;} .supsub{显示:内联块;} .supsub sub{top:.3em!重要;} .op{字体大小:36px} .supsub sup、.supsub sub{ 位置:相对位置; 显示:
132 ±
12x1,5%
8x1.5%
您可以从以下内容开始:
.txt{高度:40px;显示:表格单元格;垂直对齐:中间;}
.supsub{显示:内联块;}
.supsub sub{top:.3em!重要;}
.op{字体大小:36px}
.supsub sup、.supsub sub{
位置:相对位置;
显示:块;
字体大小:.8em!重要;
线高:1.2;
}
(
132
+;12x1,5%
−;8x1.5%
)/
13.86千伏
您可以尝试类似于我发布的内容。如果你只需要做一次或两次这样的事情,这将让你通过。如果你需要经常使用数学/科学符号,这可能是不实用的
*{
填充:0;
保证金:0;
框大小:边框框;
文本对齐:居中;
}
.集装箱{
宽度:250px;
高度:75px;
显示器:flex;
弯曲方向:行;
对齐项目:居中;
}
.左{
显示器:flex;
弹性:1;
身高:100%;
对齐项目:居中;
证明内容:中心;
}
.上下{
显示器:flex;
弹性:1;
身高:100%;
弯曲方向:立柱;
对齐项目:居中;
证明内容:中心;
}
.顶{
显示器:flex;
对齐项目:居中;
证明内容:中心;
宽度:100%;
身高:50%;
}
.底部{
显示器:flex;
对齐项目:居中;
证明内容:中心;
宽度:100%;
身高:50%;
边框顶部:1px纯绿色;
}
.对{
显示器:flex;
对齐项目:居中;
证明内容:中心;
弹性:1;
身高:100%;
}
132 ±
12次&次;1.5%
8次&次;1.5%
/13.86kV
您将行span
与表一起使用,这是正确的。我用下面的例子完成了它,最好使用monospace
字体
表格{
字体系列:monospace;
}
td[世界其他地区]{
字号:1.5em;
}
(132
+12x1,5%
)/13,86kV
-8x1.5%
我认为您最好使用图像来表示您的函数。非常感谢我能使用它!很好的解决方案。(y)