文字样式处理总结

简介: 文字样式处理总结

段落风格paragraphStyle


属性 释义
lineSpacing 字体行间距
firstLineHeadIndent 首行缩进
alignment 对齐方式
lineBreakMore
(结尾处lineBreakByTruncatiingTail;
)
部分内容以...结尾
minimumLineHeight 最低行高
maximumLineHeight 最大行高
paragraphSpacing 段间距
paragraphSpacingBefore 段首行空白空间
baseWritingDirection 书写方向
lineHeightMultiple 多行行高
hyphenationFactor 连字属性,在IOS中唯一支持的值为0和1





其他样式 释义
lineBreakByClipping 剪掉后面显示不下的部分
lineBreakByTruncateTail 结尾部分内容以...显示
lineBreakByTruncateMiddle 中间部分内容以...显示
lineBreakByTruncateHead 开始部分内容以...显示
lineBreakByWordWrapping 以完整词组断开
lineBreakByCharWrapping 任意字符处断开,相当于line-break:anywhere





CSS属性word-break指定了如何在单词内断行


/* Keyword values */
//使用默认的断行规则
word-break: normal; 
//对于非 CJK (CJK 指中文/日文/文) 文本,可在任意字符间断行。
word-break: break-all;
//非中日韩文本重复行normal。
word-break: keep-all;
//他的效果是word-break: normal 和 overflow-wrap: anywhere  的结合。对于非 CJK (CJK 指中文/日文/文) 文本,可在任意word处断行。
word-break: break-word; /* deprecated */


image.png

图一:break-all


image.png

图2:break-word




相关文章
|
6月前
markdown字体大小颜色样式详解
【4月更文挑战第10天】Markdown不直接支持字体样式设置,但可通过HTML标签实现。如用`<font face="字体名">`改变字体,`<font color=颜色值>`改变颜色,`<font size=数字>`调整大小。组合使用如`<font face="黑体" color=green size=5>`可同时设置。注意并非所有Markdown解析器都支持这些语法,使用前需查阅解析器文档。
157 1
|
2月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性,以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
33 3
前端基础(五)_CSS文本文字属性、背景颜色属性
|
5月前
|
前端开发 UED 容器
CSS基础-文本样式:颜色、字体、大小、对齐
【6月更文挑战第8天】本文介绍了CSS中设置文本颜色、字体、大小和对齐的基础知识。通过color属性改变文本颜色,使用font-family设置字体,用font-size调整大小,text-align控制对齐方式。注意浏览器兼容性、文本溢出和响应式设计的问题。提供的代码示例展示了这些属性的用法,帮助创建更具吸引力的网页。
66 6
|
6月前
如何实现图片多种颜色的文字混排并且带的背景颜色范围比文字图片范围大
如何实现图片多种颜色的文字混排并且带的背景颜色范围比文字图片范围大
42 1
|
6月前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
前端开发
CSS-实现文字描边效果
一、介绍 文字描边分为两种:内外双描边和单外描边,也就是指在给文字加上描边效果后,描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。
|
前端开发
css文字字体间距设置
css文字字体间距设置
83 0
|
SQL JavaScript
markdown字体大小颜色样式
markdown字体大小颜色样式
|
前端开发
css使文字显示两行后显示省略号
css使文字显示两行后显示省略号
76 0
|
前端开发 JavaScript
NaiveUI中看起来没啥用的组件(文字渐变)实现原来这么简单
用不到80行代码复原了NaiveUI中的渐变文字组件,内容不多,非常简单,小小娱乐一次。。。。。。。
382 0