文本的水平对齐方式,带来的一系列问题

Posted foxui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文本的水平对齐方式,带来的一系列问题相关的知识,希望对你有一定的参考价值。

富文本文字的水平对齐方式除了我们常见的

左对齐,右对齐 ,居中对齐,还有两个比较少见的对齐方式,感觉像是微软的word发明的,

现在已经成了富文本的标准要求了

1:两端对齐

2:分散对齐 这个比较好理解 就是调整文字间距让文字填满一行。

这个两端对齐比较变态,它说白了就是当一行文字过多折行后出现两边无非对齐的时候,强制对齐

这个css是插入伪元素来调整间距实现,我们就只能通过调整个别文字之间的间距来实现了

这个对后面文字定位是个暴击,哎。。。。

FoxJsonRichView,要走的路很长啊在文字的输出自动折行排版还有解决以下问题

1:分词折行

2:单行文字高度不同的时候面临 垂直的三种对齐方式  上对齐,居中对齐,下对齐

 

如何解决

目前想到的方式是在对每个字符的属性里增加一个修正值fixoffset 来记录两端对齐,分散对齐带来的偏移量

  

以上是关于文本的水平对齐方式,带来的一系列问题的主要内容,如果未能解决你的问题,请参考以下文章

字体属性

CSS入门知识-图片水平对齐技巧

如何垂直或水平对齐定向文本?

css 文本操作

相对面板/网格无法对齐项目模板选择器中的水平对齐方式

HTML中经常用到的对齐,居中方式