css - 如何缩进斜体标签

标签 css html text-indent italics

所以我在斜体标签之间有一些文本,如下所示:

<i> Lorem ipsum...</i>

我需要缩进它。我试过 text-indent css 属性,但它不适用于斜体标签。对于我的程序布局,我不能在段落标签或 span 标签中包含斜体标签。请帮忙!

最佳答案

text-indent仅适用于 block 状容器。

所以让你的 i 元素成为 block 容器:

i {
  display: block;
  text-indent: 1em;
}

i {
  display: block;
  text-indent: 1em;
}
<i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan.</i>

关于css - 如何缩进斜体标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31443184/

相关文章:

css - 如何更改 LESS CSS 编译器的编译顺序

javascript - 打开图层 LineString 不工作

css - 具有 100% 高度和溢出 :auto 的 div

css - 替换css中的图片

html - 无法链接到 HTML 中的 CSS

javascript - 固定页眉滚动时的标题转换

css - transform-origin 在 Firefox 中不起作用,即使是百分比值的属性

javascript - 模态窗口被 chop

html - 文本缩进在 chrome 和 firefox 中定义了不同的 div 大小

css - 为什么这种技术通常使用负文本缩进?