我有一個段落裏面有很多文字,但是這段文字全部在一行中顯示。我如何格式化這段文字,這樣不會弄亂我的網站,也不會在單行中顯示它?如何使一個段落不顯示在一行
在此先感謝您的幫助!
編輯:
這是我的代碼:
<div class="catDescription">
<?php echo $this->category->description; ?>
</div>
你可以在這裏查閱一下我的問題是:
我有一個段落裏面有很多文字,但是這段文字全部在一行中顯示。我如何格式化這段文字,這樣不會弄亂我的網站,也不會在單行中顯示它?如何使一個段落不顯示在一行
在此先感謝您的幫助!
編輯:
這是我的代碼:
<div class="catDescription">
<?php echo $this->category->description; ?>
</div>
你可以在這裏查閱一下我的問題是:
這是因爲你只有1個單詞。
添加word-wrap: break-word;
像
.catDescription p {
width: 300px;
white-space: normal;
word-wrap: break-word;
}
如果您設置一個寬度段落則文本應該默認包裝,除非另有規定,當段落寬度超過時。
p {
width: 300px;
white-space: normal;
}
使用換行符:<br>
。插入任何你想要發生換行的地方。
有不同的方法來實現這一點。
你可以使用一些<br>
標籤,但看着你的代碼,我認爲它不會有用。
這就是爲什麼我建議你更好地格式化你的文字。你可以設計你的<div>
和你的<p>
以獲得一個好看的文字。首先,爲您的div設置一個max-width
:這樣,如果用戶縮小了窗口,或者分辨率很低,您的佈局就會保留下來。
.catDescription {
max-width: 1024px; /*Width example, you can ofc change it*/
}
如果您有文字的牆壁,line-height
屬性可以幫助你沒有得到你的文字太擰緊。例如:
.catDescription p {
line-height:130%;
}
我們可以在這裏有一些代碼嗎? –
將問題添加到問題中,對不起。 – MONZTAAA
可能重複的[如何保持父文件內的文本?](http://stackoverflow.com/questions/19744299/how-to-keep-text-inside-the-parent) –