css当文字换行时高度向上变化

html-css0502

css当文字换行时高度向上变化,第1张

css当文字换行时高度向上变化，需要writing-mode和direction配合。css是层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言，该语言中能使用各种代码实现不同的变化，writing-mode和direction配合就会使文字换行时，高度是向上变化，而不是向下变化。

估计你原先的结构：

<div class="111">文字 下面内容 </div>

改后结构：

<div class="111"><span class="222">文字</span>下面内容 </div>

望采纳，请试试。

总的来说就是外面的要和里面的文字分开处理，，给文字加上一个类，，然后再定义

网上代码很多的，不过基本上用层，用marquee好像不行(表示没有深究过)，我粘贴了一段，你看看吧，希望对你有帮助。

<!DOCTYPE html>

<HTML> 

<HEAD> 

<TITLE> New Document </TITLE> 

<script> 

var a=12 

function moveup(){ 

if (a>-1000){ 

eval("qq.style.top='"+a+"'") 

a-- 

up=setTimeout('moveup()',1) 

} 

} 

function movedown(){ 

if (a<13){ 

eval("qq.style.top='"+a+"'") 

a++ 

down=setTimeout('movedown()',1) 

} 

} 

</script> 

</HEAD> 

<BODY> 

<div style="position:absolutetop:12clip:rect(0 130pt 130pt 0)height:130ptwidth:130ptborder:solid 1 black"> 

<div id=qq style="position:absolutepadding:5pttop:12height:130ptwidth:130ptfont:9pt/2.5 新宋体"> &nbsp&nbsp曾子仕于莒，

得粟三秉，方是之时，曾子重其禄而轻其身；亲没之后，齐迎以相，楚迎以令尹，晋迎以上卿，方是之时，曾子重其身而轻其禄。怀其宝而迷其国者，

不可与语仁；窘其身而约其亲者，不可与语孝；任重道远者，不择地而息；家贫亲老者，不择官而仕。故君子桥褐趋时，当务为急。传云：不逢时而仕

，任事而敦其虑，为之使而不入其谋，贫焉故也。诗云：“夙夜在公，实命不同。” &nbsp&nbsp传曰：夫行露之人许嫁矣，然而未往也，见一物不

具，一礼不备，守节贞理，守死不往，君子以为得妇道之宜，故举而传之，扬而歌之，以绝无道之求，防污道之行乎！诗曰：“虽速我讼，亦不尔从。

”…… 

</div></div> 

<div style="position:absolutetop:160ptleft:80ptfont:11pt"><span onMouseOver="moveup()" onMouseOut="clearTimeout

(up)">Up</span>&nbsp&nbsp<span onMouseOver="movedown()" onMouseOut="clearTimeout(down)">Down</span></div> 

</BODY> 

</HTML>