国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

CSS控制圖片和文字在同一行顯示且對齊的3種方法

2024-07-11 08:53:34
字體：大 中 小
供稿：網(wǎng)友
初學(xué)css的新手朋友經(jīng)常會遇到一個問題，當(dāng)文字和圖片出現(xiàn)在同一行或者同一個div里面的時候，在瀏覽器中運行出來的顯示效果往往是在不同的行，那么我們怎么才能在css中控制他們在同一行顯示呢，其實方法有3種：1、通過添加css的“vertical-align:middle;”；2、如果圖片是背景圖片，可以在css中設(shè)置背景圖片，然后設(shè)置文字的padding屬性；3、把文字和圖片分別放入不同的div中。上面三種方法都可以讓圖片和文字在同一行顯示，下面我們用實例來應(yīng)用一下。

1、在css中給div添加上“vertical-align:middle”屬性

我們用“注冊、登陸、找回密碼”這個在實際運用中經(jīng)常遇到的情況還做實例，把“注冊”和“登陸”做成圖片，“找回密碼”設(shè)置成文字其html代碼如下：

復(fù)制代碼

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板： 三江| 高雄市| 桃园市| 镇沅| 小金县| 克拉玛依市| 寻甸| 蒙阴县| 瑞昌市| 青河县| 济宁市| 杂多县| 军事| 手游| 新宾| 北宁市| 山西省| 崇信县| 曲水县| 博野县| 九龙坡区| 新化县| 黔南| 桦甸市| 罗平县| 柳林县| 金川县| 金溪县| 东莞市| 达州市| 贵德县| 郁南县| 抚顺市| 皋兰县| 淮滨县| 汪清县| 昌乐县| 绥宁县| 弥渡县| 明星| 达日县|