css图文混排的关键核心是什么

html-css050

css图文混排的关键核心是什么,第1张

css图文混排的关键核心的是文字与图片能否合适的去组合在一起。

图片与文字的排版比例要遵循黄金分割原理1：0.618黄金分割比是我们很早的时候就有学习到的，这也是目前在世界范围内都公认的最好构图比例，黄金分割率的页面比例可以给人带来视觉上的美感。这个是css图文混排的关键核心。

图文混排是版式设计中最常见的情况，图片与文字在传达版面信息上具有不同的特点，图片在视觉传达上可以辅助文字。

下面图片高度固定为68，如果你设置li宽度100那么就多出32像素。

三亚这两个字不超过32像素，就排在一行。

要么在图片下面加个换行

要么把图片宽设为100%

如果是文字包围图片的一边，可以把图片浮动，文字就会围绕这图片。如果是图片四周围绕的文字的话就比较麻烦，其中一个方法是把图片定位在段落中间，把图片遮住的文字用空格代替就可以了，适合不规则图片。