文字样式处理总结

简介: 文字样式处理总结

段落风格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解析器都支持这些语法,使用前需查阅解析器文档。
149 1
|
5月前
|
前端开发 UED 容器
CSS基础-文本样式:颜色、字体、大小、对齐
【6月更文挑战第8天】本文介绍了CSS中设置文本颜色、字体、大小和对齐的基础知识。通过color属性改变文本颜色,使用font-family设置字体,用font-size调整大小,text-align控制对齐方式。注意浏览器兼容性、文本溢出和响应式设计的问题。提供的代码示例展示了这些属性的用法,帮助创建更具吸引力的网页。
60 6
|
6月前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
前端开发
CSS-实现文字描边效果
一、介绍 文字描边分为两种:内外双描边和单外描边,也就是指在给文字加上描边效果后,描边的方向是向内外同时占用文字空间还是只向外扩充文字空间的区别。
|
12月前
|
前端开发
css文字字体间距设置
css文字字体间距设置
79 0
|
SQL JavaScript
markdown字体大小颜色样式
markdown字体大小颜色样式
|
前端开发
css使文字显示两行后显示省略号
css使文字显示两行后显示省略号
75 0
|
前端开发
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等
CSS如何设置文本样式?常见的文本样式有哪些?
284 0
【CSS】设置文本样式,包括文本颜色、对齐、缩进、行高等
html+css实战51-字体和文本样式
html+css实战51-字体和文本样式
105 0
html+css实战51-字体和文本样式
|
前端开发 流计算 容器
用CSS设置文字文本样式
今天这篇文章就是来和大家简单聊聊用CSS设置文字文本样式。
279 0
用CSS设置文字文本样式