css如何显示文字的上标和下标_第1页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、css如何显示文字的上标和下标cssvertical-align属性vertical-align属性是用来设置元素的垂直对齐方式的，它定义了行内元素的基线相对于该元素所在父元素基线的垂直对齐。【视频教程推举：css教程】vertical-align属性可以在table表格中设置单元格内容的对齐方式；它兼容全部的扫瞄器。用法text-top、text-bottom属性值在cssvertical-align属性中，设置text-top属性值可以让行内元素的顶端与其父元素字体的顶端对齐，而，设置text-bottom属性值可以让行内元素的底端与其父元素字体的底端对齐。下面我们通过一个容易示例来看看t

2、ext-top、text-bottom属性值如何设置文字的上标和下标。.demofont-size:20px;.superspanvertical-align:text-top;font-size:12px;color:red;.subspanvertical-align:text-bottom;font-size:12px;color:red;一段测试文本，拥有上标一段测试文本，拥有下标首先用法vertical-align属性的text-top和text-bottom属性值，分离把标签内的文本固定在相对于其父元素标签文本的顶端和底端的位置，再设置标签内的文本的字体大小，就拥有了一个上标或者下标。效果图：用法sub、super属性值在cssvertical-align属性中，设置super属性值可以让行内元素相对于该元素所在父元素上浮一定距离，形成垂直对齐文本的上标；而，设置sub属性值可以让行内元素相对于该元素所在父元素下沉一定距离，形成垂直对齐文本的下标。下面我们来看看详细效果：.demofont-size:20px;.supspanvertical-align:super;color:red;.subspanvertical-align:sub;color:re

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论