Heim  >  Artikel  >  Web-Frontend  >  So rücken Sie die erste Textzeile in CSS ein

So rücken Sie die erste Textzeile in CSS ein

王林
王林Original
2020-11-12 17:38:033546Durchsuche

css让首行文字缩进的方法:可以利用text-indent属性来实现,如【text-indent:50px;】。text-indent属性规定文本块中首行文本的缩进,常用于建立一个标签页效果。

So rücken Sie die erste Textzeile in CSS ein

属性介绍:

text-indent 属性规定文本块中首行文本的缩进。

(学习视频推荐:css视频教程

注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。

注意:在 CSS 2.1 之前,text-indent 总是继承计算值,而不是声明值。

属性说明:

用于定义块级元素中第一个内容行的缩进。这最常用于建立一个“标签页”效果。允许指定负值,这会产生一种“悬挂缩进”的效果。

属性值:

length    定义固定的缩进。默认值:0。    
%    定义基于父元素宽度的百分比的缩进。    
inherit    规定应该从父元素继承 text-indent 属性的值。

举例:

p
  {  
      text-indent:50px;
  }

相关推荐:CSS教程

Das obige ist der detaillierte Inhalt vonSo rücken Sie die erste Textzeile in CSS ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn