vertical-align属性
1.垂直对齐功能的功能是什么？
设置元素直线对齐的方法；
2.使用此功能的注意事项：
与文本对齐功能不同，文本对齐功能设置为需要对齐的元素的父元素。
垂直对齐功能被设置为元素本身；
3.这个功能的价值是什么？
3.1、顶部(与顶部对齐)；
3.2、底部(与底部对齐)；
3.3、文字-顶部(与文字顶部对齐)；
3.4、文字-底部(与文字底部对齐)；
3.5、基线(与基线对齐)；
3.6，中间(与中心线对齐)
4.详细示例：本示例通过设置图片的六种不同的直线对齐特征进行对齐。
TypeHtmlHtmllang=' en ' heartacherset=' UTF-8 ' Title垂直对齐Features titleheadbodydiva，Img src=' 3359 images.cnblogs.com/cnblogs _ com/tomhe 789/1652521/o _ 20022073220 CTL . jpg ' alt=' div divb，Top对齐Img src=' 3359 images.cnblogs.com/cnblogs _ com/tomhe 789/1652521/o _ 2002222077
CSS设置
我们在布局图片列表时，通常要控制图片的高度和宽度，以达到图片的一致性。
如下面的图片列表布局图
img高度和宽度要求设置的实际应用
操作和阅读：
Img标签
CSSimg样式
一、HTML标签中的操作宽度高度-顶部
Img标签教程：
我们可以通过在HTML布局时给图片的img标签添加宽度和高度特征，直接控制图片的高度和宽度。
Img标签高度宽度设置
Img图片标签高度和宽度设置
我们可以直接在图片标签中设置宽度宽度和高度高度。这里需要注意的是，直接在htmlimg标签中设置宽度和高度值不需要HTML单位，默认值为PX像素。
在img标签中设置高度和宽度的好处是直观的。对于文章中插入的图片，此方法可用于控制和设置图片的高度和宽度。缺陷，如果图片列表以这种方式排版，会增加很多HTML代码，不方便一致修改。
二、CSS样式控制宽度、高度-TOP
Img图片教程：http://www.divcss5.com/jiqiao/j242.shtml
语法：img { width:150px高度：60px}
将这里的csswidth设置为150px，将cssheight设置为60px。注意CSS样式中CSS宽度和CSS高度的值都是带单位的，记得带单位。在HTMLimg标记中设置不带单位的高度和宽度必须不同。每个人都必须注意并记住这个知识点。
如果我们直接设置img的样式，它会控制整个网页中图片的宽度和高度。为了控制指定目标中图片的宽度、高度和样式，我们通常会在img之前添加目标CSS名称。
如果我们想控制。那么我们的语法如下
EXP:
. div css5 img { width :150 px；高度：60px}
解释语法结构：目标选择器的名称加上一个空格，然后img后面跟着“{”.}”构成了对指定目标中图片样式的操作。
CSS -TOP设置IMG图片宽度和高度示例
1.CSS设置图片实例说明
我们把图片放在一个HTML里，一个是大小维的原图，一个是CSS设置的宽度和高度的图片，两个图片对比分析，大小维的图片用CSS改变。
2.示例完整的HTML CSS代码如下：
超文本标记语言
头
metachartset=' utf-8 '/
Titlecss操作图片大小在线演示www.divcss5.comtitle
风格
. div css5 img { width :300 px；高度：100px}
风格
头
身体
原始图片大小
PIM gsrc=' div CSS 5-logo-201305 . gif ' br
这张图片的宽度是165px，高度是60pxp。
& ltpstrong >。CSS改变后，设置图片大小strongp。
divclass='divcss5 '
img src=' div CSS 5-logo-201305 . gif ' br
在此将divcss5框中图片的宽度设置为300px，高度设置为100px。
差异
身体
超文本标记语言
所用的两张图片是同一张图片，以便观察效果。
3.图片大小设置示例截图
设置CSS图片宽度和高度的示例截图
DIVCSS设置图片宽度和高度的示例截图
从上图可以看出，CSS改变了IMG图片的大小，然后把图片做得比原来的大。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/118127.html
