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