CSS的vertical-align属性使用场景：经常用于设置图片或者表单（行内块元素）和文字垂直对齐。
语法：
官方解释：用于设置一个元素的垂直对齐方式，但是它只针对行内元素或者行内块元素有效。
bug：图片底侧会有一个空白缝隙，原因是行内块元素会和文字的基线对齐。
主要解决方法有两种：
1.给图片添加vertical-align:middle|top|bottom等。（提倡使用的）
2.把图片转换为块级元素display:block;
1.单行文本溢出显示省略号--必须满足三个条件
2.多行文本溢出显示省略号
多行文本溢出显示省略号，有较大兼容性问题，适合于webKit浏览器或移动端（移动端大部分是webkit内核）
更推荐让后台人员来做这个效果，因为后台人员可以设置显示多少个字，操作更简单。
CSS的vertical-align属性使用场景：经常用于设置图片或者表单（行内块元素）和文字垂直对齐。 语法： ...
vertical-align 属性 vertical-align 属性设置元素的垂直对齐方式。该属性定义行内元素的...
vertical-align属性 CSS的属性vertical-align用来指定行内元素（inline）或表格单...
在学习vertical-align属性时了解到： vertical-align属性指定内联元素或table-cel...
vertical-align 属性说明
1. vertical-align 属性值概览 vertical-align 仅对行内元素(inline-bloc...
vertical-align vertical-align的属性值 线类： 如baseline（默认值） top ...
vertical-align CSS的属性使用场景：经常用于设置图片或者表单（行内块元素）和文字垂直对齐。官方解释...
1、vertical-align vertical-align用于对齐行内元素。所谓行内元素，即display属性...
2019-04-11 字体属性 文本样式属性 vertical-align属性 text-decoration属性...
本文标题：vertical-align属性应用
本文链接：https://www.haomeiwen.com/subject/lkxrbrtx.html
网友评论