专业设计企业网站,wordpress宽屏,使用html做网站的网页,建网站用什么程序好一、需求
开发中有一些需要用到上下角标的地方#xff0c;比如说化学式、数学式、注释。。。除了可以使用上下角标的标签#xff0c;还可以通过css样式和CV大法实现#xff0c;以下是具体实现方式。
二、实现方法
#xff08;1#xff09;标签写法#xff1a; sup…一、需求
开发中有一些需要用到上下角标的地方比如说化学式、数学式、注释。。。除了可以使用上下角标的标签还可以通过css样式和CV大法实现以下是具体实现方式。
二、实现方法
1标签写法 sup/sup // 上标 sub/sub // 下标 示例 div上标标签 注释 sup[1]/sup /div div下标标签 Hsub2/subO /div 2css样式写法
将需要被上标或者下标的文本包裹在span标签中再给span标签分别设置以下css样式即可 上标vertical-align: super; 下标vertical-align: sub; 示例 div上标样式: 2*2 2 span stylevertical-align: super2/span /div div下标样式: PM span stylevertical-align: sub2.5/span /div 3CV大法
虽然上下角标的使用场景不是特别多但是如果页面有多个文本需要用的时候也很头疼标签和样式都太麻烦了为了方便高效的开发其实只是我懒而已准备好了一些常用的上下角标CV过去就可以了 上标N¹²³⁴⁵⁶⁷⁸⁹⁰ ⁺ ⁻ ⁼ ⁽ ⁾ ⁿ ʰ ʲ ʳ ʷ ʸ ˡ ˢ ˣ ª ʹ ʺ ʻ ʼ ʽ ˘ ˚ ˜ º ™ 下标PM .₀₁₂₃₄₅₆₇₈₉ ₊ ₋ ₌ ₍ ₎ ˌ ˍ ˎ ˏ ˛ ps:当然如果你有其他更好的办法可以给我留言噢~
