大家好,我是wawjf~~
今天继续讲文字风格,然后下一期开始进入图片风格。
断字设置自动换行,书写模式定义如何书写文本,方向定义文本流向。
1. word-break
断字用于设置自动换行,其用法如下:
正常默认值(允许换行符)keep-all不允许换行符-all允许(不知道有什么用)
)
因为浏览器问题,作者在这里没有影响,大家自己试试吧~
2.writing-mode
书写模式用于定义文本的书写方向,其用法如下:
水平-从上到下的水平方向
gn=”top” style=”word-break: break-all;”>vertical-rl
3. direction
它和上面的会有一点像,用来设置文本流方向。
用法就两个:ltr(left to right)和 rtl (right to left)上过小学的都肯定知道这是什么意思,不知道的就去查吧。。。
好了,这就是本期的全部内容,我们下期再见~~
作者:
Алексей
四五帮帮主,四五dark♂帝国元首(划掉)
喜欢HTML/CSS/JS
07年出生,福建福州人,未来的程序员
素描八级,但是还是要请美工
本来想做小程序,结果开了个公众号天天在那边写稿
(PS:名字读作:阿列克谢)
wawjf
(我爱微积分)
与楼上同班同学,都是很hj的人(是的
往期内容(HTML):
面向05后的HTML教程——第一期
一部分和文本有关的标签
面向05后的HTML教程——第二期
面向05后的HTML教程——第三期
第二期实战题目答案
面向05后的HTML教程——第四期
面向05后的HTML教程——第五期
面向05后的HTML教程——第六期
面向05后的HTML教程——第七期
面向05后的HTML教程——第八期
面向05后的HTML教程——第九期
面向05后的HTML教程——第10期
面向05后的HTML教程——第11期
面向05后的HTML教程——第12期
往期内容(CSS):
一部分实用的css样式
关于CSS的部分课程——div期
关于CSS的部分课程——position期
某CSS的教程——border期
某CSS的教程——element期(第二期)
CSS教程——第3期
CSS教程——第4期
CSS教程——第5期
往期内容(JS):
45的JS教程——第一期
每期一题:
每期一题——000001
每期一题——000001解答
每期一题——000002
每期一题——000002解答
每期一题——000003
每期一题——000003解答
每期一题——000004
每期一题——000004解答
每期一题——000005
每期一题——000006
每期一题——000005解答
每期一题——000006解答
每期一题——000007