1、lineheight只能调文本高度，不能调图片高度你可以用边距调图片位置，或者把图片弄成背景，调背景位置，或者把图片用positonrelativepositionabsolute再用topleftbottomright来调图片位置；1首先，我们先看看不加任何修改的时候的效果，新建ahtml文件，并准备一张小标，如下2使用浏览器打开ahtml，可以看到默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐3再次编辑ahtml，加入以下css代码hlong *displayinlineblockverticalalign；这样肯定是不行的，垂直方向的对齐其实不好弄水平方向你可以通过textalign定义，垂直方向上确实有一个verticalalign，但这个属性所谓的对齐是相对于其他元素的，比如你的同一行的文字前面有一张图片，这个时候默认的是文字的底部与图片的底部对齐的的，只要这个时候你设置图片的verticalalign属性，即可以；用这个方法设置后，在Dreamweaver中无法直接看到效果，我们可以点击“F12”键，在浏览器里浏览水平线的颜色变化小技巧诸如“#008800”这样的颜色代码对于初级朋友来说不容易分辩，你可以这样做给网页中的字体加上颜色此颜色是你想给水平线所要加的颜色，然后把颜色代码复制并粘贴到水平线的“快速标签。

2、补充align是一一个定义文本或者图片对齐方式的一个标签，其常见的属性有left左对齐right右对齐center居中例如lthtmlltbodyltp align=quotleftquot这是一段左对齐文字ltpltp align=quotrightquot这是一段右对齐文字ltpltp align=quotcenterquot这是一段居中对齐文字ltpltbodylthtml效果如下；1创建一个html文件，并使用文本编辑器打开，输入html基本元素2文本对齐全方式可通过设置ltp元素的align属性完成，基本格式如下ltp align=quot对齐方式quot文本段落ltp，对齐方式有left， center， right，如左对齐方式align=quotleftquot3右对齐方式为align=quotrightquot；1 使用背景图片的方式 将图片设为元素的背景通过将图片设置为某个元素的背景图片，可以使图片和文字在同一行显示 设置内边距为了确保文字不会直接覆盖在图片上，可以为该元素设置一个左侧的内边距，这个值通常与图片的宽度相匹配或略大，以确保文字有足够的空间显示在图片的旁边2 使用行内；把文本框和图片放到同一个ltpltp标签里面，再设置 ltpltp的lineheight属性；方法如下1首先 新建ahtml文件，并准备一张小标，如下2使用浏览器打开ahtml，可以看到默认情况，是图片置顶对齐，文字置底对齐，所以通常图片高，文字低，不能水平居中对齐，如下3再次编辑ahtml，加入以下css代码hlong *displayinlineblockverticalalignmiddle保存 4再次使用；7右击图片，然后选择对齐，这里有很多种对齐方式，常用的有左对齐和右对齐，左对齐就是图片在左边，文字在右边，右对齐就是文字在左边，图片在右边这两种都是图片和文字的环绕效果8选择的是左对齐，效果如图中所示HTML超级文本标记语言是 标准通用标记语言下的一个应用，也是一种规范，一种标准；1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码imgfloatleft3浏览器运行indexhtml页面，此时div标签中的左侧图片与右侧图片通过css调整为了浮动而顶部对齐了；CSS verticalalignmiddle但是看您想实现一个搜索的图标，推荐 Font Awesome 图标库 更加方便快捷 lt！快速引用链接ltlink rel=quotstylesheetquot href=quotawesome470cssfontawesomecssquot网页链接 示例用法。

3、文字换行后和图片对齐lttitleltstylediv width400px margin0 autoimg floatleft margin0 10px 10px 0p widthautoltstyleltheadltbodyltdivltimg src=quotimgjpgquot width=quot200quot ltpcss如何使图片和文字在同一行显示，文字换行后和图片对齐css如何使图片和文字在。

4、左对齐right？右对齐center？居中*justify两端对齐不推荐使用，通常大部分浏览器不使用我们对textalign常用的参数值为leftrightcentertextalign功能说明设置或检索对象中文本的左中右对齐方式#160#160二使用范例与使用语法divtextalignleft？div标签对象内内容图片和文字等；其中，一个常用的属性是`verticalalign`这个属性可以用来调整内联元素如图片的垂直对齐方式当你希望图片与文字更加紧密地排列时，可以将`verticalalign`设置为`middle``top`或`bottom`等，以达到你想要的效果例如，你可以在一个HTML段落中插入一张图片，并使用CSS来调整它的垂直对齐方式；首先，在容器类中应用display flex以启用Flexbox布局接着，通过alignitems flexstart确保所有子元素在垂直方向上对齐到顶部同时，为图片和文字分别设置类，使它们在容器中有序排列ltdiv ltdiv ltbody lthtml 这段代码中，我们利用CSS的Flexbox布局实现图片与文字顶部对齐的效果F。