个人中心
文章发布
退出
作者热门文章
- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
25
4
需要阅读的内容很多，但如果您全部阅读，它应该是有意义的。
我正在开发一款要求用户在 iOS 上突出显示文本的应用。文本分为段落，有换行符和段落符，我决定只使用 <br />换行符的标签，并开始一个新的 p每个段落的元素。 Mobile Safari 的问题在于，当您选择的元素不是内联时，您无法单独选择字母。相反，尝试突出显示文本会突出显示段落的整个 block ，因为它是显示 block ..
为了解决这个问题，我决定用像这样的内联元素替换所有换行符 ( \n):
.space{
height:0px;
display:inline-block;
width:100%;
}
所以 HTML 看起来像:
Line one
<span class="space"></span>
Line two
并且会输出为:
Line One
Line Two
我想，“干得好，你想通了!”
跳到今天，我发现这不是我想要的行为。由于用户突出显示的文本来自处理为纯文本的 PDF 文件，因此会出现如下情况:
Hello there, this is a paragraph and\n
it is continuing onto the next line and this line will continue and be wrapped by the set width of the parent
我将处理为
Hello there, this is a paragraph and
<span class="space"></span>
it is continuing onto the next line and this line will continue and be wrapped by the set width of the parent
输出为
Hello there, this is a paragraph and
it is continuing onto the next line and this line will continue and be wrapped by the set width of the parent
那显然不好!现在有一个全新的“段落分隔符”，应该有一个“换行符”。所以，我想我会创建两个不同的内联“中断”类，一个用于单个空格，一个用于双空格。
双空格元素的作用与上面的一样，而单空格元素只是将内容移到下一行。所以，这让我想到了我的实际问题:
此外，我无法将文本包裹在另一个元素中，例如 span ，所以我只能用CSS做一个内联换行元素和段落元素。
我尝试了一些事情来让它发挥作用。而不是设置 width单个空间元素到 100%就像我对双倍空间元素所做的那样，我可以改为计算容器的宽度和文本占用的宽度，然后将两者相减，得到剩余空间的宽度。这将允许我将内容推送到新行。
你可以在这里测试这个方法:http://jsfiddle.net/charlescarver/ksvkk/12/
此方法的问题在于，虽然我可以确定宽度，但无法确定多行文本节点的宽度。此外，如果容器大小发生变化，这也不灵活。
一个可能的想法是让单个空格元素具有 100% width，但我无法开始工作。 ，并让文本推送它，以便将换行符向下推送到下一行。就像我说的，我无法让它工作。
最佳答案
这似乎为内联中断提供了解决方案:http://codepen.io/pageaffairs/pen/oliyz
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<style media="all">
[data]:after {
content: attr(data);
white-space: pre;
height: 0;
}
.doublespace{
height:0;
display:inline-block;
width:100%;
}
</style>
</head>
<body>
<p>Hello there, this is a paragraph and <b data='
'></b> it is continuing onto the next line and this line will continue and be wrapped by the set width of the parent</p>
<p>Hello there, this is a paragraph and
<span class="doublespace"></span>
it is continuing onto the next line and this line will continue and be wrapped by the set width of the parent</p>
</body>
</html>
在这个例子中，只有文本被选中，而不是整个 block 。我没有在 iPhone 上测试过，但提供它以防万一，因为这是一个有趣的问题。
关于javascript - 内联换行符？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16754375/
25
4
0
我有一个带有 的表格我想在服务器端捕获该文本区域中的任何换行符，并将它们替换为 . 这可能吗？ 我尝试设置 white-space:pre在 textarea 上的 CSS，但仍然不够。 最佳答案
我正在通过 FileStream 更改文件(这是一个非常大的文件，我只需要更改标题而不重写整个文件。 该文件可以有 Unix 或 Windows 换行符，知道哪一个对我来说很重要，这样我可以在更新文件
如何以编程方式(不使用 vi)将 DOS/Windows 换行符转换为 Unix 换行符？ dos2unix 和 unix2dos 命令在某些系统上不可用。 如何使用 sed、awk 和 tr 等命令
我编辑了一个 BibteX 文件，到目前为止，它显示了我需要的所有信息。 FUNCTION {electronic} { output.bibitem format.btitle "title"
您的软件是否处理来自其他系统的换行符？ Linux/BSD linefeed ^J 10 x0A Windows/IBM return linefeed ^M^
我发现 Windows 命令行重定向会自动将 '\n' 替换为 '\r\n'。有什么方法可以避免这种情况？因为在 stdout 或 stderr 重定向之后，如果您将 '\r\n' 写入控制台，您将得
来自 this question ，这个…… lines = foo.value.split(/\r\n|\r|\n/); 是拆分字符串的一种方法，但如何用换行符将其连接回去？ 另外，我想知道如果我说
我正在尝试获取新行，但如果我使用 \n 它不起作用。 任何通过向字符串添加一些东西来换行的方法，例如 \r\n (这也不起作用) gfx.DrawString("Project No \n" + te
我有一串数据，中间有换行符。例如: "Product Name \n Product Color \n Product Quantity \n Product Location \n Product
我正在尝试让 scmCommentPrefix 按照 http://maven.apache.org/plugins/maven-release-plugin/faq.html#scmCommentP
如何检查正则表达式 /^\n/在字符串中 blahblahblah 我似乎无法从 php 的 preg_match 获得返回值 1 . 编辑: 由于某种原因，我的坏处是 CR 本身就是我的换行符。
我很难在与文本字符串相同的行上输出变量。当我使用Write-Host而不是Write-Output时，它可以工作。我想使用Write-Output，因为这似乎是最佳做法(将内容保留在管道中)，但是Wr
我正在Powershell中工作，以为here字符串中的特定单词着色。除包含回车/换行符的单词外，其他功能均有效。没有这些字符，如何计算单词的长度？ 以下是我正在使用的功能和测试数据。我希望第二行上的
我有一个在Powershell中运行的脚本，并且我希望能够在脚本名称和脚本内容本身之间的结果文本文件输出中添加一行。 当前，从下面开始，行$str_msg = $file,[System.IO.Fil
有人知道smalltalk中字符串的换行符是什么吗？ 我试图将字符串拆分为单独的行，但我无法弄清楚smalltalk 中的换行符是什么。 即。 string := 'smalltalk is
我有以下 printf 语句: printf ("%s (%s)\n",$row["word"], $row["definition"]); 我正在尝试解决换行符而不是: word defin
这个问题已经有答案了: how to use dotall flag for regex.exec() (4 个回答) 已关闭 7 年前。 字符串内容
我想用 CSS 换行。我正在使用内容。 td:before { content: "Test\A Test2"; } 它不工作。如何正确
考虑一个具有 UNIX 行结尾的 C++ 文件(即 '\x0a' 而不是 "\x0d\x0a")并包含以下原始字符串文字: const char foo[] = R"(hello^M )"; (其中
我有以下 printf 语句: printf ("%s (%s)\n",$row["word"], $row["definition"]); 我正在尝试解决换行符而不是: word defin
我是一名优秀的程序员,十分优秀！