图片与文字的排版比例要遵循黄金分割原理1:0.618黄金分割比是我们很早的时候就有学习到的,这也是目前在世界范围内都公认的最好构图比例,黄金分割率的页面比例可以给人带来视觉上的美感。这个是css图文混排的关键核心。
图文混排是版式设计中最常见的情况,图片与文字在传达版面信息上具有不同的特点,图片在视觉传达上可以辅助文字。
简单做只能让图片浮动到左边或右边。<img style="float:left" src="images/image.jpg" />这样,文字就围绕图片了,left改为right就是向右浮动。要是四周的话,还得建几个层,就麻烦了下面图片高度固定为68,如果你设置li宽度100那么就多出32像素。三亚这两个字不超过32像素,就排在一行。
要么在图片下面加个换行
要么把图片宽设为100%