【CSS】CSSで改行 afterのcontentで改行する


ホバーした時だけ、飛ばしてた文字列を表示し、改行を付け加えたい。

『white-space: pre;』を設定すること!
改行は『content:"\A";』!

#news-area .tile-desc a:hover .tile-desc-date:after{
	white-space: pre;
	content:"\A";
}

#news-area .tile-desc a:hover{
	background:rgba(0,0,0,0.5);
	white-space:normal;
	text-indent:0;
	overflow:visible;
}