您现在的位置是：网站首页> 编程资料编程资料

CSS 网页图文混排的10个技巧_CSS教程_CSS_网页制作_

2021-09-09 1096人已围观

简介图文混排! 我想，你会想到这个。这里，准备给你介绍10个在文章的排版中会用到的CSS基础，当然，包括图文混排，是怎样做到的。

你知道的，从小学，老师就教我们，段落的开头应该空两格。而你使用word的时候，也有首行缩进这个功能，但在html中你的空格键好像起不了作用了。当然，你可以用来代替一个空格，但这不是理想的方式，用CSS吧，简单，有效：

text-indent:2em;">你的内容

这样的话，这个有style="text-indent:2em;"段落就会显示两个字符的缩进了。缩进更多? 修改2em, 2表示2个字符，你可以相应增加或者减少。下面是一个示例，来自李白的诗：

紫阁连终南，青冥天倪色。凭崖望咸阳，宫阙罗北极。万井惊画出，九衢如弦直。渭水银河清，横天流不息。朝野盛文物，衣冠何翕