需要flex textarea来包装中间词

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了需要flex textarea来包装中间词相关的知识,希望对你有一定的参考价值。

我有一个textarea,里面有一些很长的名字(50多个字符)。

我将textAlign属性设置为'justify',除了那些很长的名字外,它还包装好每一个东西。

这就是我定义textArea的方法

<s:TextArea 
    id="textField"
    textAlign="justify"
    editable="false"
    styleName="ReadOnly"
    width="100%"
    height="100%"
    verticalScrollPolicy="auto"/>

我有类似(解开)的东西:

Name: BAL-BLALBLALBL:ABLABLL:BALBALBLABLALBLBLB:LALB

我期待看到它

Name: BAL-BLALBLALB
L:ABLABLL:BALBALBLA
BLALBLBLB:LALB

我得到的是(在Name和名称的开头之间有额外的空格):

Name:          BAL-
BLALBLALBL:ABLABLL:
BALBALBLABLALBLBLB:
LALB

正是这些额外的空间让我很烦恼。

但是我记得在某个地方看到过能够剪切文字中间字而不是空格或特殊字符的东西

而且我不想检查名称的大小并自行拆分。

只要新控件支持文本选择(但不能编辑),我可以将TextArea更改为其他内容

答案

breakOpportunity="none"设置TextArea。例如:

<s:TextArea 
     id="textField"
     textAlign="justify"
     editable="false"
     styleName="ReadOnly"
     width="100%"
     height="100%"
     verticalScrollPolicy="auto"
     breakOpportunity="none"/>

以上是关于需要flex textarea来包装中间词的主要内容,如果未能解决你的问题,请参考以下文章

代码片段如何使用CSS来快速定义多彩光标

如何将中间项目居中在 flex 行中? [复制]

你能指定 CSS flex 中包裹元素的顺序吗?

Flex:如何将 S:list 中的 Sqlist 查询绑定到 S:Textarea

将代码片段插入数据库并在 textarea 中以相同方式显示

Flex ApplyFormatOperation 中断 Spark TextArea 中的撤消/重做