sublime text3怎么實(shí)現(xiàn)圖片和文字在同一行顯示?
我要評(píng)論HTML5中想要讓圖片和文字處在同一行中，我們可以利用span標(biāo)簽小技巧即可完成設(shè)置，今天我們就來(lái)看看sublime text3實(shí)現(xiàn)圖片和文字同行顯示的教程。
1、打開(kāi)編輯器，這里以sublime text3作為示范。
2、創(chuàng)建一個(gè)html文件，并且設(shè)置基本框架，然后把圖片放在同一目錄下。
3、現(xiàn)在body里面寫(xiě)入<div>標(biāo)簽，用于分區(qū)。
4、然后用img這個(gè)標(biāo)簽就可以插入圖片了，src里面寫(xiě)入圖片的文件名字。文字自己定義。
5、這個(gè)時(shí)候我們可以定義id，這里以class="sameline"作為示范。
6、然后我們需要新建一個(gè)css文件，并且在html文件里面用link指向css文件。
7、這個(gè)時(shí)候需要為id設(shè)置vertical-align: middle。然后記得把文字標(biāo)簽改為span。
8、如果文字不夠大的話，那么我們可以用style="font-size: px"來(lái)設(shè)定大小。
以上就是sublime text3實(shí)現(xiàn)圖片和文字在同一行顯示的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
sublime Text怎么同時(shí)打開(kāi)四個(gè)代碼窗口?
相關(guān)文章
Sublime Text3添加到右鍵快捷菜單教程(親測(cè)可用)
安裝Sublime Text3時(shí)，未選擇右鍵快捷方式，可以通過(guò)下面的方式解決,需要的朋友可以參考下2020-08-19Sublime Text 3 設(shè)置中文+禁用更新+永久激活教程(2020.2.10測(cè)試可用)
這篇文章主要介紹了Sublime Text 3 設(shè)置中文、禁用更新、永久激活教程,需要的朋友可以參考下2020-02-11
sublime text 3怎么制作賬戶密碼信息模塊？網(wǎng)頁(yè)中經(jīng)常能見(jiàn)到用戶名密碼的頁(yè)面，想要制作這個(gè)頁(yè)面，我們需要使用html中form表單來(lái)實(shí)現(xiàn)，下面我們就來(lái)看看詳細(xì)的教程，需要的2019-11-01
sublime text怎么快速批量刪除注釋及空白行？sublime text編程開(kāi)發(fā)的時(shí)候，發(fā)現(xiàn)代碼中有大量的注釋和空白行，想要?jiǎng)h除，該怎么刪除呢？下面我們就來(lái)看看詳細(xì)的教程，需要的2019-07-31
sublime text3怎么制作超鏈接在新窗口打開(kāi)的效果?
sublime text3怎么制作超鏈接在新窗口打開(kāi)的效果？我們經(jīng)常能見(jiàn)到，點(diǎn)擊一個(gè)網(wǎng)頁(yè)的超鏈接，就會(huì)在新窗口打開(kāi)一個(gè)網(wǎng)頁(yè)，該怎么實(shí)現(xiàn)這個(gè)效果呢？下面我們就來(lái)看看詳細(xì)的教程2019-06-11
SublimeText3怎么快速輸入html5格式？經(jīng)常使用Sublime Text3做一些編程開(kāi)發(fā)，今天我們就來(lái)簡(jiǎn)單介紹Sublime Text3文件基本格式快速輸入的方法，需要的朋友可以參考下2019-04-24
Sublime Text英文字母大小寫(xiě)怎么切換？Sublime Text中編程開(kāi)發(fā)的時(shí)候，想要切換英文大小寫(xiě)，該怎么切換呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2019-03-24
SublimeText怎么自定義設(shè)置背景顏色？Sublime Text中可以自己設(shè)置背景顏色，該怎么設(shè)置呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-07-15
sublime Text怎么同時(shí)打開(kāi)四個(gè)代碼窗口?
sublime Text怎么同時(shí)打開(kāi)四個(gè)代碼窗口？sublime Text中默認(rèn)是打開(kāi)一個(gè)窗口的，現(xiàn)在想要打開(kāi)多個(gè)窗口，比如四個(gè)窗口，該怎么打開(kāi)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋2018-03-25
sublime Text代碼怎設(shè)置70字符自動(dòng)換行?
sublime Text代碼怎設(shè)置70字符自動(dòng)換行？sublime Text中代碼很多，想要設(shè)置自動(dòng)切換，該怎么設(shè)置在70字符自動(dòng)切換呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2018-03-22
