css 用大括号括起公式[已关闭]

8wtpewkr 于 2023-10-21 发布在其他

关注(0)|答案(1)|浏览(97)

已关闭，此问题需要更focused。它目前不接受回答。
**想改善这个问题吗？**更新问题，使其只关注editing this post的一个问题。

2天前关闭。
Improve this question
我试图在HTML页面上显示一个数学公式，并希望在不使用外部库或JavaScript框架的情况下实现这一目标。有没有一种方法可以只使用Unicode字符（HTML和CSS）来实现这一点？具体来说，我感兴趣的是如何创建分数并用大括号包围它们，如：

https://jsfiddle.net/t12eoqhm/#&togetherjs=v0jEad2fUd

.fraction {
display: inline-block;
text-align: center;
padding-top: 0px;
font-size: 100px;
}

.test {
  margin-top: 100;
}

.numerator, .denominator {
padding: 10px;
font-weight: bold;
font-size: 30px;
}

.line {
border-top: 2px solid black;
width: 100%;
}

<div class=fraction>
<div class=numerator>100 - g</div>
<div class=line></div>
<div class=denominator>100</div>
</div>

css

来源：https://stackoverflow.com/questions/77302095/wrap-formula-with-large-brackets

1条答案

按热度按时间

k4emjkb11#

这是否足够好：

<div class=wrapper>
   <div class=numerator>q + b *</div>
   <div class=bracket>(</div>
   <div class=fraction>
      <div class=numerator>100 - g</div>
      <div class=line></div>
      <div class=denominator>100</div>
   </div>
   <div class=bracket>)</div>
</div>

其他CSS：

.bracket {
   display: inline-block;
   font-size: 90px;
   font-family: math;
}
.wrapper {
   display: flex;
   align-items: center;
}

赞(0）回复(0）举报 2023-10-21

我来回答

css 用大括号括起公式[已关闭]

1条答案

相关问题

热门标签

最新问答