iT邦幫忙

0

【網頁前端】如何讓content: " ";內的文字斷行顯示

請問各位高手~
content內的文字可以做斷行顯示嗎?
上次試著寫了content"上面< br >下面";
結果文字出來後直接顯示為: 上面< br >下面
雖然後來在後面設了寬度強迫解決了
但是想知道是否能有其他的方法

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
	div::before{content:"超值<br>特惠"; }	
</style>
</head>

<body>
	<div>這裡是價格唷~</div>
</body>
</html>

可以打完整實例嗎?
Elria iT邦新手 5 級 ‧ 2018-06-09 22:51:41 檢舉
不好意思 早上急著出門沒想到下面的語法沒有打成功(跪下
https://75team.com/post/injecting-a-line-break.html

2 個回答

2
純真的人
iT邦高手 2 級 ‧ 2018-06-10 08:59:45
最佳解答

你應該是要這樣的吧?

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
	div::before{content:"超值\A特惠"; white-space: pre-line}	
</style>
</head>

<body>
	<div>這裡是價格唷~</div>
</body>
</html>

https://ithelp.ithome.com.tw/upload/images/20180610/20061369c3WzzPlsqZ.png

Elria iT邦新手 5 級 ‧ 2018-06-11 20:46:47 檢舉

是的QQ謝謝~~~順利解決了

0
freessaint
iT邦新手 5 級 ‧ 2018-06-09 12:35:30

不太懂妳指的是html meta的content?
如果是的話,妳如果打content="第一行 第二行"是沒有效果的,
在content直接按enter就可以換行。

EX:

<meta name="description" 
content="
第一行

第二行" >

https://ithelp.ithome.com.tw/upload/images/20180609/2010277944MXFiHmaW.jpg

我要發表回答

立即登入回答