可以使用 verticalalign 來設置文字和圖片的對齊方式，但這個屬性只對行內元素起作用，如果想對塊級元素也生效，需要同時給塊級元素設置 dispalytablecell 才行圖片和文字默認是底部對齊的，如果想改變對其方式，給圖片設。

在html中讓圖片和文本對齊，這個的話，你可以將圖片和文本放到2個div中然后用一個div包裹著，給那2個div設置float屬性，當然寬度，高度是不能少的，然后在使用margin使這2個有點間隔，這里我提交一段代碼lthtml lthead。

有很多種方法，可以計算外層DIV的高度，為包含文字和圖片的標簽分別設置左右對齊，然后給相應的margin上邊距還可以對最外層的DIV設置相對定位，再對里面的文字與圖片設置絕對定位定位示例ltdiv ltspan413ltspanltimg。

并設置margin屬性讓div居中再設置img的屬性，讓它的display為inline內聯(lián)元素，在設置float屬性為left就可以居中了3最后打開瀏覽器，可以看到圖片是頂在div容器的左上角的，說明圖片是居左對齊的。

按照如下修改就可以對齊了 lt！DOCTYPE htmlquotlthtmlltheadltmeta。

文字的話lineheight50px這個50px的高度你可以任意定但是要和圖片的高度一樣，圖片的話就用浮動就好了。

打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltstyle標簽中，輸入css代碼imgfloatleft3瀏覽器運行indexhtml頁面，此時div標簽中的左側圖片與右側圖片通過css調整為了浮動而頂部對齊了。

li 希望能幫到你 謝謝把他們放在表格里面就對齊了CSS verticalalignmiddle但是看您想實現(xiàn)一個搜索的圖標，推薦 Font Awesome圖標庫 更加方便快捷 網頁鏈接 用浮動 然后img 和 input 都給個 display block 的屬性。

1首先，我們先看看不加任何修改的時候的效果，新建ahtml文件，并準備一張小標，如下2使用瀏覽器打開ahtml，可以看到默認情況，是圖片置頂對齊，文字置底對齊，所以通常圖片高，文字低，不能水平居中對齊3再次。

th img positionrelativetop2px 給圖片添加一個相對定位，然后設置合適的top，就可以了滿意請采納。

verticalalign來實現(xiàn)，verticalalign只對行內元素有效，對塊級元素無效。

6對于圖片文字環(huán)繞效果，是在文字比較多的時候才會用到，由于新版dw的屬性面板沒有圖片環(huán)繞方式的選項，只能從其它途徑來修改了7右擊圖片，然后選擇對齊，這里有很多種對齊方式，常用的有左對齊和右對齊，左對齊就是圖片。

“找回密碼”設置成文字 html代碼如下 找回密碼 css代碼如下 #denglu *verticalalignmiddle * 居中對齊， *fontsize14px 在瀏覽器中運行后的效果圖如下 使用css的“verticalalignmiddle”。

1創(chuàng)建一個html文件，并使用文本編輯器打開，輸入html基本元素2文本對齊全方式可通過設置ltp元素的align屬性完成，基本格式如下ltp align=quot對齊方式quot文本段落ltp，對齊方式有l(wèi)eft， center， right，如左對齊方式。

方法步驟如下1首先打開計算機，使用瀏覽器打開ahtml，可以看到默認情況，是圖片置頂對齊，文字置底對齊，所以通常圖片高，文字低，不能水平居中對齊2再次編輯ahtml，加入以下css代碼hlong *displayinlineblock。

向左對齊，向右對齊，居中對齊 style屬性quottextaligncenterleftrightquot。

文字換行后和圖片對齊css如何使圖片和文字在同一行顯示，文字換行后和圖片對齊ltpltdivltbodylthtml 效果圖是這樣的注意img要有“floatleft”或“floatright”。