html5如何設置嵌套內p標簽不換行

這篇“html5如何設置嵌套內p標簽不換行”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“html5如何設置嵌套內p標簽不換行”文章吧。

創(chuàng)新互聯(lián)公司于2013年成立，先為尼金平等服務建站，尼金平等地企業(yè)，進行企業(yè)商務咨詢服務。為尼金平企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。

在html5中，可用display屬性設置嵌套內的p標簽不換行顯示，該屬性的作用是規(guī)定元素生成框的類型，當屬性的值設置為“inline”時，元素前后沒有換行符就會不換行顯示，語法為“<p style="display:inline;">”。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

html5怎樣設置嵌套內p標簽不換行

display 屬性規(guī)定元素應該生成的框的類型。

該屬性部分屬性值如下：

html5如何設置嵌套內p標簽不換行

示例如下：

<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
</head>
<body>
<div>
<p style="display:inline;">這兩個段落生成內聯(lián)盒子,和它的結果</p>
<p style="display:inline;">這兩個元素之間沒有距離。</p>
</div>
</body>
</html>

輸出結果：

html5如何設置嵌套內p標簽不換行

以上就是關于“html5如何設置嵌套內p標簽不換行”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞標題：html5如何設置嵌套內p標簽不換行
鏈接地址：http://bm7419.com/article6/igieig.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供Google、企業(yè)網(wǎng)站制作、品牌網(wǎng)站設計、微信公眾號、網(wǎng)站內鏈、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都網(wǎng)站建設