需要 flex textarea 来包装中间词

Posted 2023-05-07

【中文标题】需要 flex textarea 来包装中间词

【英文标题】：Need flex textarea to wrap mid-words

【发布时间】：2013-12-27 04:10:21

【问题描述】：

我有一个文本区域，其中包含一些长名称（50 多个字符）。

我将 textAlign 属性设置为“justify”，它可以很好地包装所有内容，除了那些很长的名称。

这就是我定义文本区域的方式

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

我有类似的东西（未包装）：

Name: BAL-BLALBLALBL:ABLABLL:BALBALBLABLALBLBLB:LALB

我希望看到它

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

我得到的是（名称和名称开头之间有多余的空格）：

Name:          BAL-
BLALBLALBL:ABLABLL:
BALBALBLABLALBLBLB:
LALB

真正让我恼火的是那些多余的空间。

但我记得在某个地方看到了一些关于能够剪切文本中间词而不是空格或特殊字符的东西

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

只要新控件支持文本选择（但不支持编辑），我可以将 TextArea 更改为其他内容

【参考方案1】：

在TextArea 中设置breakOpportunity="none"。例如：

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