HTML5中想要讓圖片和文字處在同一行中，我們可以利用span標簽小技巧即可完成設置，今天我們就來看看sublime text3實現圖片和文字同行顯示的教程。

1、打開編輯器，這里以sublime text3作為示范。

2、創建一個html文件，并且設置基本框架，然后把圖片放在同一目錄下。

3、現在body里面寫入<div>標簽，用于分區。

4、然后用img這個標簽就可以插入圖片了，src里面寫入圖片的文件名字。文字自己定義。

5、這個時候我們可以定義id，這里以class="sameline"作為示范。

6、然后我們需要新建一個css文件，并且在html文件里面用link指向css文件。

7、這個時候需要為id設置vertical-align: middle。然后記得把文字標簽改為span。

8、如果文字不夠大的話，那么我們可以用style="font-size: px"來設定大小。

以上就是sublime text3實現圖片和文字在同一行顯示的教程，希望大家喜歡，請繼續關注武林網。

相關推薦：

SublimeText3怎么快速輸入html5格式?

SublimeText怎么自定義設置背景顏色?

sublime Text怎么同時打開四個代碼窗口?