css - 定位多行文本中的特定行?

标签 css text target multiline

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

然后我想到了 CSS3 转换属性。它允许您倾斜任何元素。计划是使用它,对于不支持它的浏览器,我会退回到看起来不太好的普通斜体。唯一的问题是,由于整个元素是倾斜的,文本看起来有点缩进。

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

picture

如您所见,转换使它在每一行上看起来更加缩进。

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

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

最佳答案

不适用于 CSS,也不适用于 javascript。
没有标记结束行的字符,因为单词是行内元素。

虽然我需要查看代码以了解您如何进行倾斜,但我相信您是在整个街区进行的。所以也许您可以将其分解为文本。

如果您不能将您的效果应用到行内元素,您可以尝试将您的文本放在小的 float block 元素中。

编辑:

see this fiddle .这是一个极端的情况,有更多的偏差。如您所见,整个 block (p)都发生了倾斜。

如我所写,您可以使用 js 函数将其分解为小的 float block 元素。 I made a working example too .它可能应该被优化,因为它可能会在处理上变得繁重。而且您的 CMS 仍然不能有任何特殊标记。

关于css - 定位多行文本中的特定行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12858927/

相关文章:

c - 从文本文件中读取行,打印其中的 40 行和 "must"使用系统调用 lseek 或 fseek 来更改偏移量?

ios - Swift:UIControls 的 UIStackView 带有不触发的选择器方法

excel - 使用目标来识别小区位置

html - 我的 div 高度不随背景图像缩放

css - 在 MS Edge 中的伪元素上进行 CSS 转换后,如何运行一些 javascript?

css - 使用 object-fit 在 flex 容器中实现重叠图像

css - 将主要内容移到标题照片上

java - 有没有办法以 Java 代码的形式输入多行文本(存储为字符串)而不对其进行格式化?

matlab - 读取文本文件并通过 Matlab 绘制它

css - 用一个目标选择器指定两个元素