<!DOCTYPE html>
<html><meta charset="utf-8">
<title></title>
<head>
<style type="text/css">
p{display: inline;}
h1{text-align: left;
font-size: 10;
font-size: 15px;
color: darkgray}
h2{color: red;}
h3{text-align: left;
}
.test strong{ font-size: 30px;
color: #006400;
}
.test1 span{color: #0000FF;}
</style>
<h1>普通段落文本<br>
指定了.special類的段落文本<br></h1>
<h2 class>指定了.special類的標題文本<hr/></h2>
<h3 class="test1"><span>段落文本</h3></span><span><p class="test"><strong>嵌套在段落中，使用strong標記定義的文本（紅色）。</span></strong></p>
<h3>嵌套之外由strong標記定義的文本（藍色）。</h3>
</head>
</html>
uj5u.com熱心網友回復：
p標簽加css：white-space: nowrap
uj5u.com熱心網友回復：
p標簽本身不換行p {display: inline;}
p標簽中的文字不換行
p {white-space: nowrap;}
uj5u.com熱心網友回復：
轉換成行內元素，或white-space: nowrapuj5u.com熱心網友回復：
首先要說下你的HTML代碼，請嚴謹的保證標簽對的包含和嵌套，比如<h3 class="test1"><span>段落文本</h3></span>
這段顯然是有問題的，不嚴謹的代碼瀏覽器雖然不會明確報錯，但會帶來一些不可預知的問題
那么說下關于不換行，分為dom內容的不換行和dom容器不換行
內容不換行可以如樓上所說定義容器的樣式，例如
p{ white-space:nowrap;}
如此p標簽的內部文本不會換行，如果內容多并且沒有overflow:hidden配合，內容會超出容器
如果是dom容器不換行，普通的塊級元素可以使用float并配合一個足夠寬的父級容器來實作
另外可以把塊級元素強制轉換成行級或者行塊級元素，并配合父級容器的white-space:nowrap來實作不換行，這種做法就是讓原本是塊級元素的dom變成行級元素，就好似把這些塊級元素當成是其父級容器的文本內容了
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/73961.html
標籤：HTML(CSS)
上一篇：js二級聯動不兼容怎樣解決
下一篇：求幫讀懂一個被混淆的js代碼