」。"/> 」。">

首頁 >web前端 >前端問答 >html5如何設定巢狀內p標籤不換行

html5如何設定巢狀內p標籤不換行

WBOY
WBOY原創
2022-01-23 15:55:254295瀏覽

在html5中,可用display屬性設定嵌套內的p標籤不換行顯示,該屬性的作用是規定元素生成框的類型,當屬性的值設定為「inline」時,元素前後沒有換行符號就會不換行顯示,語法為「

」。

html5如何設定巢狀內p標籤不換行

本教學操作環境:windows10系統、HTML5版、Dell G3電腦。

html5怎麼設定巢狀內p標籤不換行

display 屬性規定元素應該產生的框的類型。

此屬性部分屬性值如下:

html5如何設定巢狀內p標籤不換行

#範例如下:

<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
</head>
<body>
<div>
<p style="display:inline;">这两个段落生成内联盒子,和它的结果</p>
<p style="display:inline;">这两个元素之间没有距离。</p>
</div>
</body>
</html>

輸出結果:

html5如何設定巢狀內p標籤不換行

推薦教學:《html影片教學

以上是html5如何設定巢狀內p標籤不換行的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn