我们一起来读书吧 关注:154贴子:2,883
  • 0回复贴,共1

《uniapp》5.3.5-6.1.1

只看楼主收藏回复

5.3.5 深入理解 vertical-align 文本类属性值
文本类属性值指的就是 text-top 和 text-bottom,定义如下。
• vertical-align:text-top:盒子的顶部和父级内容区域的顶部对齐。
• vertical-align:text-bottom:盒子的底部和父级内容区域的底部对齐。
5.3.6 简单了解 vertical-align 上标下标类属性值
• vertical-align:super:提高盒子的基线到父级合适的上标基线位置。
• vertical-align:sub:降低盒子的基线到父级合适的下标基线位置。
在 HTML 中,有两个标签语义就是下标和上标,分别是上标<sup>和下标<sub>。
5.3.8 基于 vertical-align 属性的水平垂直居中弹框
就是使用纯 CSS 实现大小不固定的弹框永远居中的效果,相比传统的 JavaScript 定位,这里的方法优点非常明显,
1.节省了很多无谓的定位的 JavaScript 代码,也不需要浏览器 resize事件之类的处理,当弹框内容动态变化的时候,也无须重新定位;
2.性能更改、渲染速度更快,毕竟浏览器内置 CSS 的即时渲染显然比 JavaScript 的处理要更好;
3.可以非常灵活控制垂直居中的比例;
4.容器设置 overflow:auto 可以实现弹框高度超过一屏时依然能看见屏幕外的内容;
第6章 流的破坏与保
6.1.1 float 的本质与特性
浮动的本质就是为了实现文字环绕效果,而这种文字环绕,主要指的就是文字环绕图片显示的效果


IP属地:北京1楼2025-01-06 21:22回复