Javascript 从第二行缩进文本块
我想格式化我的文本:Javascript 从第二行缩进文本块,javascript,jquery,html,css,layout,Javascript,Jquery,Html,Css,Layout,我想格式化我的文本: <pre> <!-- your text stuff --> </pre> title-Lorem ipsum door sit amet,奉献精英。多涅克和图皮斯乌尔纳。大精英阶段,大人物阶段,小人物阶段,小人物阶段。莫里斯·马萨前庭,威尼斯人非贵宾前庭, 看起来像: title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et turpis
<pre>
<!-- your text stuff -->
</pre>
title-Lorem ipsum door sit amet,奉献精英。多涅克和图皮斯乌尔纳。大精英阶段,大人物阶段,小人物阶段,小人物阶段。莫里斯·马萨前庭,威尼斯人非贵宾前庭,
看起来像:
title - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec et turpis urna.
Phasellus magna elit, tempus ut accumsan posuere, suscipit vel ligula. Vestibulum
mauris massa, venenatis non dignissim vestibulum,
我对没有手动添加更改文本的任何解决方案都感兴趣
如有任何帮助,我们将不胜感激。快速而肮脏的解决方案:
HTML
.title { float: left; }
.title:after { content: '-'; display: inline-block; margin: 0 5px; }
.text { overflow: hidden; }
标题向左浮动,溢出:隐藏代码>用于显示。您可以使用任何溢出
值来执行此操作,而不是默认的可见
其中唯一不是绝对跨浏览器的是:在伪元素()之后,但您可以在HTML中简单地使用静态-
。我选择这样做是因为它更干净,并且标记中没有不必要的样式
对于标题,您可以使用更具语义的标题(h1
,h2
,等等)。使用边距
和文本缩进
以及:第一行
伪类可以达到预期效果:以下是相关的CSS
小提琴示例:
请注意,所选值严格取决于“title”
单词的宽度
作为旁注,如果您可以更改标记本身,我建议您将该单词从文本移动到伪类的内容属性:在伪类之前-从语义角度来看,文本是标题这一事实应该通过选择元素来传达(因此我会选择
标记)好的,我还没有写过这方面的内容,但我不希望在我的代码中集成搜索全局解决方案。有什么想法吗?你所说的全局解决方案是什么意思?像javascript或css之类的东西可以让它变成1000行。谢谢你的回答,但我把所有的文本都放在一个文本中,它不分为title
和text
部分。@MateuszRogulski使用常规expressions@MateuszRogulski好,要正确设置格式,还需要正确的标记。您可以找到一些黑客方法来格式化它,但正确的方法是更改标记。如果你错过了基础,屋顶将永远不会稳定。如果你真的想在不加标签的情况下解决这个问题,你可以更详细地阐述这个格式。标题可以包括什么?-
可以用作分隔符吗?是的,-
可以分隔。我以前看过:第一行,但我没有将其与文本缩进连接。谢谢
.title { float: left; }
.title:after { content: '-'; display: inline-block; margin: 0 5px; }
.text { overflow: hidden; }
p { text-indent: -2.35em ; margin-left: 2.35em }
p:first-line { margin-left: -2.35em }