可以使用 text-indent
属性将第一行文本向左 Angular 的任一侧缩进。考虑这个例子:
h1 { text-indent: -200px; margin-left: 200px; }
<h1>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vehicula molestie imperdiet.</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vehicula molestie
imperdiet.
|---------- 200px ----------+------ 100% - 200px ------|
|-------------------------->| left margin
|<--------------------------| negative text indent
有没有办法反过来做:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Mauris vehicula molestie
imperdiet.
|------ 100% - 200px ------+---------- 200px ----------|
我想要的是文本的第一行(并且只有第一行)超出左边缘 200 像素。也许有一个类似的 CSS 属性可以在右边缘周围应用缩进或应用于第二行和后面的文本行。
最佳答案
文本缩进可以来自父级。带填充。
#wrapper {
width: 300px;
text-indent: -200px;
padding-left:200px;
}
h1 {
background: lime;
display:inline;
}
关于html - CSS 缩进第一行文本超过右边缘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17190554/