如何将Flex文本控件转换为自动换行

要将Flex文本控件转换为自动换行，您需要使用CSS样式来设置文本的换行方式。以下是一个简单的示例：

首先，在HTML文件中创建一个Flex容器，并在其中添加一个文本控件：

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <div class="flex-container">
    <p class="flex-text">这是一个Flex文本控件，将在此处自动换行。</p>
  </div>
</body>
</html>

接下来，在CSS文件中设置Flex容器的样式，并将文本控件的换行方式设置为自动换行：

.flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.flex-text {
  white-space: pre-wrap; /* 或者使用 "pre-line" */
}

在这个示例中，我们使用了 white-space 属性来设置文本控件的换行方式。pre-wrap 值表示在文本中保留空白字符，并在必要时进行换行。您也可以使用 pre-line 值，它会在文本中合并空白字符，并在必要时进行换行。

现在，当您在浏览器中打开HTML文件时，文本控件将在Flex容器中自动换行。

页面内容是否对你有帮助？

有帮助

没帮助

TextField的大小( Flex )

flash、apache-flex、actionscript-3、flex3、flex4

我正在将代码项目从Flash 3转换为Flex 4，TextField控件有问题。放在其中的文本不会出现。我仔细检查过它，它的宽度总是等于4。不管放在里面的是什么文字，它总是那么窄。我知道在Flex中，我应该显式地为所有组件提供宽度和高度，但是有一些问题：我不知道这样一个字段的初始大小--我希望它根据它存储的文本自动确定它的大小。还有几个容器包含它，它们也应该自动调整大小，因此它们有正确的大小来显示TextField的所有内容。

浏览 0提问于2011-02-18得票数 0

回答已采纳

9回答

如何让Flex text控件自动换行

apache-flex、text、word-wrap

我正在创建一个Adobe Flex应用程序，我有一个文本控件(mx: text)，它应该在需要多行不可编辑文本(而不是标签，它是单行不可编辑文本)时使用。当我调整浏览器窗口的大小使之小于文本时(或者在浏览器窗口已经变小的情况下加载它)，文本控件不会换行。通过查阅我发现的，似乎只有在指定绝对宽度(以像素为单位)的情况下，才会出现自动换行功能。我希望文本换行，以适应内

浏览 7提问于2009-02-11得票数 33

1回答

如何将单元格的内容合并为一个单元格？

excel、merge、excel-formula、worksheet-function

有没有人知道如何将单元格的内容合并到一个单元格中，但仍然将每条信息放在一行中？

浏览 4提问于2013-11-01得票数 0

2回答

如何在Flex Text控件中禁用复制/粘贴？

apache-flex、actionscript-3

长话短说，我需要在我的Flex应用程序中放置一些文本，并且我不希望用户能够复制。我打算使用标签，但显然标签不支持文本换行。是否可以使用户不能选择Flex text控件中的文本？谢谢。

浏览 0提问于2008-09-30得票数 3

回答已采纳

2回答

发送带换行符/换行符的SMS文本

c#、.net、asp.net

我想要在文本框中用户按回车键/换行键的地方换行。帮助我，如果有任何文本框编辑器，只支持 或任何其他解决方案。

浏览 9提问于2011-01-03得票数 1

回答已采纳

3回答

当运行时css改变时，Flex中的多行文本不会重新计算

apache-flex、runtime、stylesheet

出于加载时间的考虑，我在Flex应用程序中使用了一个运行时css文件。我在使用多行文本控件时遇到问题：styleName="imageRolloverButtonTextDark" width="100%" textAlign="center"当我的CS

浏览 0提问于2008-11-22得票数 0

回答已采纳

1回答

webview使用屏幕上的缩放控件和收缩缩小重新换行文本，但不使用收缩放大

android、webview

getSettings().setBuiltInZoomControls(true);在API level 10设备上，当我使用内置控件(+和-)进行放大/缩小时，文本在缩放后自动重新换行，以便它仍然适合屏幕。同样，如果我收缩-缩小(使文本更小)，它会自动重新换行。但是如果我收缩放大，文本会变大，但不会重新换行。有趣的是，此时双击将重新

浏览 1提问于2012-12-06得票数 1

2回答

将oracle数据库导入从linux导出的windows中。

oracle11g

我正在将oracle数据库转储文件导入到从linux导出的windows中。其中一些表具有文本字段和嵌入换行符的文本数据(使用linux格式)，这些记录不会导入到我的windows表中。我可以创建单个表的csv，将包含换行符的文本字段中的linux换行符(\n)替换为windows换行符(\r\n)，并使用sqlldr将其导入到窗口中。问题是，当我创建整个数据库的单个转储并使用imp导入时，如何做到这一点。A

浏览 2提问于2011-06-17得票数 0

4回答

是否可以创建多行UISegmentedControl？

ios、uisegmentedcontrol

我的分段控件中有一个相对较长的文本项，因此我需要在某些点中断文本。是否可以使用换行？我知道在按钮上，我需要设置换行词，但是如何将其设置为UISegmentedControl。

浏览 4提问于2015-01-19得票数 12

回答已采纳

1回答

如何在Flex4.6 AS3中使用箭头键导航屏幕？

actionscript-3、apache-flex

我有一个多页、多视图的flex应用程序。每个页面都有一个独特的布局按钮，圆，文本字段，标签，数据网格等，我必须实现键盘导航这些页面。我不想使用Tabs导航到下一个启用的控件，而是想使用Left、Right、Up、Down键。如何将普通的Tab导航转换为箭头导航？ PS。我是AS3和Flex的新手。

浏览 0提问于2014-09-05得票数 0

1回答

ASP.NET TextBox控件未包装

c#、asp.net、webforms

我正在尝试在asp:textbox控件中对文本进行换行。这是我的文本框的代码： <asp:textbox ReadOnly ="true" BorderStyle我看到水平滚动条，文本没有换行。我想在没有滚动条的情况下实现自动换行(控件应该超过它的高度)。我试着

浏览 8提问于2020-06-18得票数 1

回答已采纳

1回答

Windows Phone:无法将列表框项目放入电话屏幕

windows-phone-7、listbox

我有一个显示不同长度字符串的列表框。如果字符串的长度大于屏幕宽度，则其余部分不会显示在屏幕上。如何使用listbox使这种字符串适合屏幕？

浏览 1提问于2012-08-25得票数 0

1回答

InstallShield LE表单，在文本/图片中换行

installshield-le

我在标识符中有一个值(文本)。附加编辑区域的屏幕截图： 

浏览 1提问于2012-06-03得票数 0

回答已采纳

2回答

如何为发送到移动设备的垂直居中消息创建所见即所得TextBox控件编辑器？

c#、.net、wpf、user-interface、user-controls

我有一个WPF TextBox，它包含七行文本，并启用了自动换行功能。用户输入的文本将发送到移动设备，该移动设备具有七行文本的显示屏，并使用"\n“换行到下一行。其目的是使移动设备上显示的文本看起来与输入到TextBox控件中的文本相同。在TextBox控件中，只要文本换行到新行，输入到TextBox控件中的文本就需要添加换行<

浏览 1提问于2011-04-08得票数 2

2回答

我需要用 html标记替换environment.Newline

html、asp.net-mvc、textarea

当用户将意大利面的列表复制到"description“文本区时，我需要能够在标记中以这种方式显示它。现在一切都乱七八糟了。我尝试过使用replace方法将换行符替换为 ，但它显示的 就像是字符串的一部分。我相信这并不难，我只是很难找到我的答案。

浏览 5提问于2011-09-27得票数 2

1回答

如何将Windows换行的文本文件转换为Windows上的Unix文件？

windows、unix

可能重复: 如何将文本文件从换行转换为换行转换为Unix/Linux上的Unix文件？基本上和如何在和和Unix/Linux格式之间转换文本文件中的换行符？

浏览 0提问于2011-08-21得票数 0

回答已采纳

1回答

文本不在flexbox中换行

html、css、flexbox、word-wrap

谁能告诉我为什么在行方向flex容器中的div中的文本不能正确换行，而是溢出？body { margin: 0;main, align-items: stretch; flex-shrink: 0; flex-direction:

浏览 1提问于2018-02-02得票数 6

回答已采纳

1回答

Javascript:将以CR分隔的长列表作为变量返回

javascript、arrays、string、text-files

我尝试获取一个长约500k的文本文件，该文件包含由换行符分隔的字符串，并将其转储到一个JS数组中：worldblah有没有更好的方法将长CR/换行符分隔的字符串列表从文本

浏览 3提问于2017-01-03得票数 0

3回答

Android EditText有自动换行功能，但没有硬返回

java、android、user-interface

如果我在EditText小部件上设置了SingleLine=true，就会得到一个单行编辑控件，该控件不允许用户插入硬回车符(单击Enter将移动到下一个字段，而不是插入新行)。如果我将layout_height=设置为“wrap_content”，EditText控件将垂直增长以显示所有文本。但是，只有当SingleLine未设置为true时，它才会执行此操作。所以，我的问题是，有没有可能在不允许用户输入硬换行符的情况下获得换行和垂直调整大小？我猜我可以捕获回车键，但我还必须捕获他们可

浏览 1提问于2012-01-13得票数 11

回答已采纳

1回答

将数据从一个WebForm重定向到另一个

asp.net、infragistics

我有一个WebForm，webform1，在其中我放置了一个infragistics的WebDataGrid控件。现在，我希望用户选择该行，并让它将数据重定向到另一个WebForm webform2上的文本框中。 如何将所选行从webform1转换为webform2

浏览 1提问于2009-08-01得票数 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

如何将Flex文本控件转换为自动换行

相关·内容

TextField的大小( Flex )

如何让Flex text控件自动换行

如何将单元格的内容合并为一个单元格？

如何在Flex Text控件中禁用复制/粘贴？

发送带换行符/换行符的SMS文本

当运行时css改变时，Flex中的多行文本不会重新计算

webview使用屏幕上的缩放控件和收缩缩小重新换行文本，但不使用收缩放大

将oracle数据库导入从linux导出的windows中。

是否可以创建多行UISegmentedControl？

如何在Flex4.6 AS3中使用箭头键导航屏幕？

ASP.NET TextBox控件未包装

Windows Phone:无法将列表框项目放入电话屏幕

InstallShield LE表单，在文本/图片中换行

如何为发送到移动设备的垂直居中消息创建所见即所得TextBox控件编辑器？

我需要用<br/> html标记替换environment.Newline

如何将Windows换行的文本文件转换为Windows上的Unix文件？

文本不在flexbox中换行

Javascript:将以CR分隔的长列表作为变量返回

Android EditText有自动换行功能，但没有硬返回

将数据从一个WebForm重定向到另一个

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐