在排版软件中实现任意图文混排效果会很轻松的事情,但在网页设计中,所受的局限性是很大的。规则图文混排主要通过浮动来实现,而对于不规则的图文混排只能使用一蹩脚的背景图和众多复杂的布局元素编织而成。因为CSS的基本规则认定所有元素都以矩形块显示,而而浏览器也以这条基本规则解析和识别各种网页元素。
背景图像具有强大的功能和用途,但也存在一些问题,如无法用CSS控制其大小,要梗图像像在页中显示恰当好处,使用前需要用图像编辑器先编辑好大小。如果我们希望实现不规则图文混排效果,直接在段落文本中插入图像是不行的,可以把图像作为背景先嵌入图文框元素中,CSS为了实现网页背景图像的广泛应用,提供了大量的属性,且得到了各大浏览器的倾力支持。综合利用这些属性可以提高网页排版与布局的灵活性和适应能力。然后分别每段文本的边界进行调节,来间接实现不规则排版效果。由于图像和文本处于不同的显示层,彼此互不影响,这样我们可以单独用CSS进行控制。可以定义p元素浮动显示,同时设置clear属性,避免段落之间同行显示,然后通过对每段宽度来实现环绕效果。实现不规则图文混排效果的关键:第一,先处理好背景图像,用图像编辑器把不需要显示区域用网页背景色进行填充。第二,应分别调整每段的边界和缩进实现文本的绕图像显示。要想实现更真实的环绕效果,可以为每行添加p元素,并分别进行设置,当然就比较麻烦。为了避免因浏览器窗口的变化而引起的段落文本错位,最好固定图文外框的大小。天津网站建设,天津网站优化,天津网站制作