在多行文本中定位特定行?

时间:2012-10-12 12:19:13

标签: css css3 text target multiline

最初的问题是我需要使字体比斜体字体更不斜体,但仍然比平常更斜体。只有那两个可供选择,但我需要介于两者之间,据我所知,没有其他方法可以使用font-style属性手动设置字体的倾斜。

然后我开始考虑CSS3转换属性。它允许你倾斜任何元素。计划是使用它,对于不支持它的浏览器,我将回归到看起来不太好的正常斜体。唯一的问题是,由于整个元素都是倾斜的,因此文本看起来有点缩进。

看看这张照片,你会明白我的意思:

picture

正如您所看到的,变换使得每行都看起来更加缩进。

解决方法是针对特定行并使用负边距(或文本缩进)来对抗由transform属性引起的缩进效果。

那么,是否可以在多行文本片段中定位特定的文本行?

1 个答案:

答案 0 :(得分:0)

不使用CSS,也不使用javascript 标记结束符没有字符,因为单词是内联元素。

虽然我需要查看代码,但是我相信你是在整个块上做到的。所以也许你可以把它分解成文本。

如果无法将效果应用于内联元素,则可以尝试将文本放在小的浮动块元素中。

编辑:

see this fiddle。这是一个极端情况,有更多的倾斜。如您所见,这是整个块(p)偏斜。

正如我所写,你可以用js函数将它分解为小的浮动块元素。 I made a working example too。它可能应该优化,因为它可能会加重处理。您仍然无法为CMS创建任何特殊标记。