line-breaks 相关问题

强制文本布局在下一行开始处继续的空白。

使用弹性容器和人工换行修复行高或间隙问题

我正在使用弹性容器和人工换行符来在需要时打断单词。我从来没有意识到它会导致线路之间产生额外的间隙。 正如您在示例中看到的,空间 b...

回答 1 投票 0

为什么我的文本视图在设置文本时不创建换行符,即使 使用过吗?

我在 Android Studio 上使用 Kotlin 语言。我创建了一种方法,将保存的 txt 文件的内容显示在文本视图中。 textView.setText(stringBuilder.toString()).toString() 在...

回答 2 投票 0

如何使用 Mac 在 CSV 文件中查找换行符样式(CRLF、CR 或 LF)

我需要使用 Mac 查找 csv 文件中使用的换行符类型。我已将 SPSS(统计软件)中的数据集导出到 CSV 文件。该 CSV 文件将被发送以通过...

回答 1 投票 0

如何配置 Jackson 在 Spring boot 项目中不处理换行符?

Body:我正在使用 Jackson 将 Java 对象序列化为 JSON 字符串。但是,我不希望 Jackson 转义 JSON 字符串中的换行符。如何配置 Jackson 不处理换行符? 他...

回答 1 投票 0

从 Outlook Web 插件获取电子邮件正文时如何保留换行符

我目前正在开发一个 Outlook 插件来获取电子邮件正文并将其发布到外部 API。我遇到的问题是每次我使用 body.getAsync() 时,所有换行符都会被删除,...

回答 1 投票 0

如何在 MatLab 实时脚本中的代码输出之间添加换行符?

我在实时脚本单元中有以下代码: u = 符号单元; 符号V_GS V_t_值 = 0.4*u.V; K_n_W_L_值 = 2*u.mA/u.V^2; %获取V_GS i_d_equation_saturation = 0.5*K_n_W_L_value*(V_GS - V_t_value)^2; 屁股...

回答 1 投票 0

如何在DIV中的长单词中强制换行?

好吧,这真的让我很困惑。我在 div 中有一些内容,如下所示: 这是测试。这是测试。这是测试。这是... 好吧,这真的让我很困惑。我在 div 中有一些内容,如下所示: <div style="background-color: green; width: 200px; height: 300px;"> Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest. </div> 但是,内容溢出了 DIV(如预期),因为“单词”太长。 如何强制浏览器在必要时“破坏”单词以适应其中的所有内容? 使用word-wrap:break-word; 它甚至可以在 IE6 中运行,这是一个惊喜。 word-wrap: break-word 已替换为 overflow-wrap: break-word;,适用于所有现代浏览器。 IE 作为一个死浏览器,将永远依赖已弃用且非标准的 word-wrap。 word-wrap 的现有用途今天仍然有效,因为根据规范它是 overflow-wrap 的别名。 我不确定浏览器兼容性 word-break: break-all; 您还可以使用 <wbr> 标签 <wbr>(分词)的意思是:“浏览器 可以在此处插入换行符,如果 希望。”浏览器不认为 换行不需要任何东西 发生了。 这可以添加到“跨浏览器”解决方案的已接受答案中。 来源: http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/ http://css-tricks.com/snippets/css/prevent-long-urls-from-writing-out-of-container/ .your_element{ -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } 我只是在谷歌上搜索同样的问题,并发布了我的最终解决方案这里。这也与这个问题有关。 您可以通过给 div 指定样式 word-wrap: break-word 轻松地做到这一点(并且您可能还需要设置其宽度)。 div { word-wrap: break-word; /* All browsers since IE 5.5+ */ overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */ width: 100%; } 但是,对于餐桌,您还需要申请:table-layout: fixed。这意味着列宽不再是可变的,而是仅根据第一行中的列宽(或通过指定宽度)进行定义。 在这里阅读更多内容。 示例代码: table { table-layout: fixed; width: 100%; } table td { word-wrap: break-word; /* All browsers since IE 5.5+ */ overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */ } &#8203; 是称为零宽度空格 (ZWSP) 的 unicode 字符的 HTML 实体,它是指定换行机会的不可见字符。同样,连字符的目的是指定单词边界内的换行机会。 发现在使用 Flexbox 并依赖于 width: auto 时,使用以下内容可以在大多数主要浏览器(Chrome、IE、Safari iOS/OSX)上运行,但 Firefox (v50.0.2) 除外。 .your_element { word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; } 注意:如果您不使用自动前缀程序,您可能需要添加浏览器供应商前缀。 另一件事需要注意的是使用 &nbsp; 作为间距的文本可能会导致单词中间换行。 浏览器保留空白。文本将在必要时换行,并换行 .pre-wrap { white-space: pre-wrap; word-break: break-word; } 演示 td { word-break: break-word; white-space: pre-wrap; -moz-white-space: pre-wrap; } table { width: 100px; border: 1px solid black; display: block; } <table> <tr><th>list</th> <td> 1.longtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtextlongtext 2.breaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreaklinebreakline </td> </tr> </table> CSS word-wrap:break-word;,在 FireFox 3.6.3 中测试 删除white-space: nowrap,如果有的话。 实施: white-space: inherit; word-break: break-word; 我用下面的代码解决了我的问题。 display: table-caption; 来自MDN: overflow-wrap CSS 属性指定浏览器是否应在单词中插入换行符以防止文本溢出其内容框。 与 word-break 相比,overflow-wrap 仅当整个单词无法放置在自己的行上而不溢出时才会创建中断。 所以你可以使用: overflow-wrap: break-word; 我可以使用吗? 首先您应该确定元素的宽度。例如: #sampleDiv{ width: 80%; word-wrap:break-word; } <div id="sampleDiv">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> 这样当文本达到元素宽度时,它就会被分解成行。 正如 @davidcondrey 的回复中提到的,不仅有 ZWSP,还有 SHY &#173; &shy;,可以用在很长的构造词中(想想德语或荷兰语),必须当场打破you想要就这样吧。 不可见,但它会在需要时给出连字符,从而最大限度地保持单词连接和行填充。 这样,单词 luchthavenpolitieagent 可能会被标记为 lucht&shy;haven&shy;politie&shy;agent,它给出的部分比单词的音节更长。 虽然我从未读过任何有关它的官方内容,但这些软连字符在浏览器中设法比构造的单个单词中的官方连字符获得更高的优先级(if它们有一些扩展)。在实践中,没有任何浏览器能够自行打破如此长的构造单词;在较小的屏幕上,会产生一个新行,或者在某些情况下甚至是一个单字行(例如当其中两个构建的单词跟进时)。 仅供参考:荷兰语中机场警察的意思 word-break:normal似乎比word-break:break-word更好用,因为break-word会破坏诸如EN之类的首字母 word-break: normal .word-break { word-break: keep-all; word-wrap: break-word; } 我检查了 Chrome、Firefox:word-wrap: break-word、overflow-wrap: break-word 对我不起作用。有效的是: overflow-wrap: anywhere; 或 word-break: break-all; 为此,您可以使用网格系统。 <div class="container" style="background-color: green; width: 200px; height: 300px;"> <div class="row">Thisisatest.Thisisatest.Thisisatest.</div> <div class="row">Thisisatest.Thisisatest.Thisisatest.</div> </div> 这样做: <div id="sampleDiv">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> #sampleDiv{ overflow-wrap: break-word; } 按照我们的风格尝试一下 white-space: normal;

回答 19 投票 0

我正在尝试在一行中打印一个短语,但我的 do-while 循环中有一个额外的换行符,我想知道为什么?

晚上好,我创建了一个单词搜索程序,我的输出应采用“A palavra % está no texto!”的形式或“A palavra % não está no texto!”,但它看起来像这样: 一个

回答 1 投票 0

移除 使用 PHP 换行

我准备了文本区域的多行内容,如下所示: 第一行 第二行 现在,当稍后用 PHP 处理表单数据时,我正在努力...

回答 1 投票 0

如何修复大 csv 文件中的中换行符

我有一个来自数据库的 3GB csv 文件,每一行应该是这样的条目: 数字(3 到 8 位的整数);数字(2 到 8 位的整数);字符串;日期时间;字符串;字符串

回答 1 投票 0

为什么“std::cout << char() << std::endl;" not even print a new line on Compiler Explorer?

这段代码, #包括 int main() { std::cout << "---" << std::endl; std::cout << char() << std::endl; std::cout << "---"...

回答 1 投票 0

为什么“std::cout << char() << std::endl;" not even print a new line?

这段代码, #包括 int main() { std::cout << "---" << std::endl; std::cout << char() << std::endl; std::cout << "---"...

回答 1 投票 0

如何删除批处理文件中的新行?

我正在处理批处理文件并导出到文本文件。看起来一切都很好,但是当我打开文本文件时,许多新行中断。所以,我想删除它们。 @回声关闭 setlocal 启用延迟扩展 (

回答 3 投票 0

c# RenderInfo.GetText() 在某些 PDF 中不返回换行符。我怎样才能得到它们?

我的目标 我正在 PDF 中搜索特定文本,有时它可能包含换行符。在此示例中,我想要下面屏幕截图中标记的矩形中的 3 行文本: 我的代码 我用的是

回答 1 投票 0

CSS 会在很长的单词上换行,但不会在空格上换行

假设我有这一段 iamaverylongwordthathasnospace 耶嘿 当我使用自动换行时:break-word;它变成了 我很长的话那有 诺空间耶嘿 这很好..但是当我尝试时 伊玛

回答 1 投票 0

UIButton 配置换行模式不起作用

我知道有一些关于此的 SO 帖子,但没有一个有效...... 我只是想使用 UIButton.Configuration 方法获取我的自定义 UIButton 子类,以强制我的标题标签保持 1 行,

回答 2 投票 0

如何在 Kotlin Multiplatform 中获取特定于平台的换行符?

我正在寻找一个返回特定于平台的换行字符串的函数。 我知道 System.lineSeparator(),它只在 Kotlin/JVM 中可用,但需要一个多平台等价物......

回答 1 投票 0

如何在 Python 三元运算符上进行换行?

有时在 Python 中包含三元运算符的行变得太长: answer = '十个?你一定是疯了! if does_not_haggle(brian) else “如果它值一谢克尔,它值十。” 有没有

回答 4 投票 0

如何使用 GitHub Markdown 制作两行标题?

我想知道如何制作超过 2 行的降价标题。 我尝试使用 2 个标题,但显示的是 2 个标题而不是 1 个多行标题。例如, #:表情符号: # 标题 显示, :表情符号:

回答 1 投票 0

CSS:如何停止某人的名字和姓氏之间的换行符?

这是问题的截图。 “Eli Freedman”分为两行。有没有办法让名字和姓氏,如果它们之间有换行符,可以自动一起去...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.