微信小程序标签显示上标/下标

微信小程序不支持html中的上标<sup>与下标<sub>标签元素，当我们需要显示数学符号或者单位符号中上下标时，只有自己定义css模拟相应的效果：

<view class="weui-label">密度 g/cm <sup>3</sup>：</view>

在app.wxss中添加定义：

sup{
     font-size: 10px;
     vertical-align:text-top;
}
sub{
     font-size: 10px;
     vertical-align:text-bottom;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 面试题
    •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,582评论 0赞 8
  • 3.微信小程序-B站：wxml和wxss文件
    WXML WXML（WeiXin Markup Language）是微信的一套标签语言，结合基础组件、事件系统，可...
    许剑锋阅读 11,869评论 3赞 51
  • HTML标签
    HTML标签解释大全 一、HTML标记 标签：!DOCTYPE 说明：指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,672评论 1赞 41
  • DIV+CSS学习笔记总结篇
    转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,698评论 32赞 459
  • 2017年 8月31日
    这已经是第三天看刘同的书了，短短几天看到了100多页，有一种逼自己的感觉，但其中还是这本书的故事和给予我的精神力量...
    jedlovesb阅读 884评论 0赞 0