溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“css文字和圖片對不齊如何解決”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
css文字和圖片對不齊的解決辦法：1、打開相應的HTML文件；2、找到文字和圖片標簽部分；3、給圖片添加一條屬性為“img {width: 20px;vertical-align: middle;}”即可使文字和圖片對齊。
css解決文字和圖片不在一條水平線上
通常情況下圖片是默認頂部對齊，而文字則是默認底部對齊的，所以我們在布局時經常會遇到圖片和文字不能對齊的問題。
解決方法很簡單我們只需要給圖片添加一條屬性即可
img {
width : 20px;
vertical-align: middle;
}
vertical-align: text-top; //頂部對齊
vertical-align: middle; //居中對齊
vertical-align: text-bottom; //底部對齊css的基本語法是：
1、css規則由選擇器和一條或多條聲明兩個部分構成；
2、選擇器通常是需要改變樣式的HTML元素；
3、每條聲明由一個屬性和一個值組成；
4、屬性和屬性值被冒號分隔開。
“css文字和圖片對不齊如何解決”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
