今天写项目头部,发现图片与文字的默认对齐方式使得,文字有点溢出,所以这里翻出总结下,
可以通过 vertical-align(只能用于行内元素和表格单元格,不能用其对齐块级元素) 属性来调整:
vertical-align属性具体有以下一些:
baseline-将支持valign特性的对象的内容与基线对齐
sub-垂直对齐文本的下标
super-垂直对齐文本的上标
top-将支持valign特性的对象的内容与对象顶端对齐
text-top-将支持valign特性的对象的文本与对象顶端对齐
middle-将支持valign特性的对象的内容与对象中部对齐
bottom-将支持valign特性的对象的文本与对象底端对齐
text-bottom-将支持valign特性的对象的文本与对象顶端对齐
使用时只要通过为图片设置样式就能实现不同的效果,发现改动后,好看多了