zoukankan      html  css  js  c++  java
  • 上标<sup>与下标<sub>

      在编辑数学时经常需要用到上标与下标,<sup>和<sub>标签可以方便地使文字变成上标或下标。

        <p>X<sub>1</sub><sup>2</sup> + X<sub>2</sub><sup>3</sup> = Y<sup>2</sup></p>
        <p>Windows<sup>&reg;</sup>是微软公司<sup></sup>的产品</p>
        <hr/>
        <p>①微软公司即Microsoft Corporation</p>
    也可以使用CSS中的vertical-align属性代替<sub>、<sup>实现脚本、尾注的效果
      
    CSS:
    p.exp{
        text-indent : 50px; /*设置文本缩进*/
        font-size : 2.0em;  /*设置字体大小*/
    }
    span.power{
        vertical-align : super; /*设置垂直对齐方式,可选top、middle、bottom、sub、super*/
        font-size : 0.5em;
    }
    span.foot{
        vertical-align : sub; /*设置垂直对齐方式,可选top、middle、bottom、sub、super*/
        font-size : 0.5em;
    }
    
    html:
    <p class="exp">X<span class="power">2</span> + Y<span class="foot">3</span> = 32</p>

    效果:

  • 相关阅读:
    javaee 第六周作业
    javaee 第五周作业
    javaee 第四周作业
    第三周作业
    第二周作业xml学习情况
    javaWeb 中http请求 get 与 post的区别
    第八周
    第七周
    第六周
    第五周
  • 原文地址:https://www.cnblogs.com/hardworkingbee/p/4365245.html
Copyright © 2011-2022 走看看