css特性让网页页面文本完成竖排的几种方式

日期:2021-03-11 类型:科技新闻 

关键词:微信小程序商城,免费微信小程序,小程序设计软件,小程序生成平台,可查询的小程序

下列几种全是用款式style里的特性
1.layout-flow : horizontal | vertical-ideographic
主要参数:
horizontal :  目标中的內容自左侧流入。下1行在前1行下面。这个值适于拉丁语系
vertical-ideographic :  目标中的內容自上而龌龊入,下1行在前1行左边。这个值适于亚洲地区语系在制做网页页面的情况下我感觉用这个较为好,
2.word-break : normal | break-all | keep-all
用 keep-all 他能够不让蒙文在排不满的情况下断字,可是下行不如何齐整。
主要参数:
normal :  按照亚洲地区語言和非亚洲地区語言的文字标准,容许在字内换行
break-all :  该个人行为与亚洲地区語言的normal同样。也容许非亚洲地区語言文字行的随意字内断掉。该值合适包括1些非亚洲地区文字的亚洲地区文字 keep-all :  与全部非亚洲地区語言的normal同样。针对汉语,韩文,日文,不容许字断掉。合适包括小量亚洲地区文字的非亚洲地区文字。
3.style里的 position:absolute;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 特性还可以让文本竖排。

这里出示2类3种处理方法
1:应用flash+xml完成。
将內容放到xml内,在flash内载入并载入到设定好的情景中。text设定文本方位。
2:应用html网页页面内swf后缀完成。
例:<param name="movie" value="index.swf?name=文本內容"/>
别的基础上与第1个1样。
as3获得详细地址swf后的主要参数难题
3:给p定宽定高来完成文本竖排。(中国汉字哦)
最先确定企业,应用em,设定p的高,假定为20em,那末1列便是20个标识符。
CSS
引入

拷贝编码
编码以下:

#content{overflow:hidden;clear:both;text-align:right}/*text-align表明文本起止方位,左或右。*/
#content p{font-size:14px;width:1.2em;display:inline;text-align:center;line-height:1.5em;}

HTML
引入

拷贝编码
编码以下:

<div id="content">
<p>內容在这里</p>
<p>內容在这里</p>
<p>內容在这里</p>
</div>

这样的话,content内不可以有照片,刚开始有个<p>,完毕有个</p>,随后应用js寻找第20、40、60、80...个字,在后面加</p><p>,碰到br也更换成</p><p>
这个更换仿佛很熟习,哦,在这里让客户更好的编写文字