【css】css调整文本间距

  • text-indent 属性用于指定文本第一行的缩进
  • letter-spacing 属性用于指定文本中字符之间的间距
  • line-height 属性用于指定行之间的间距:
  • word-spacing 属性用于指定文本中单词之间的间距,这个和letter-spacing类似
  • white-space 属性指定元素内部空白的处理方式,其中属性值nowrap为不换行,一行显示到底。

代码:

<style>
p {
  text-indent: 50px;
  letter-spacing: 3px;
  line-height: 1.8;
  word-spacing: 10px;
}
style>
head>
<body>

<p>君不见黄河之水天上来,奔流到海不复回。
君不见高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停。
与君歌一曲,请君为我倾耳听。
钟鼓馔玉不足贵,但愿长醉不愿醒。
古来圣贤皆寂寞,惟有饮者留其名。
陈王昔时宴平乐,斗酒十千恣欢谑。
主人何为言少钱,径须沽取对君酌。
五花马、千金裘,呼儿将出换美酒,与尔同销万古愁。p>

body>

渲染效果:
【css】css调整文本间距_第1张图片

你可能感兴趣的:(前端,css,前端)