code_biubiu的博客

考虑到直接贴图，不利于页面的加载和优化，所以我就自己动手，根据UI图写自己的css样式，最后和UI图对比完全和图片的样式一样了。不同屏幕都可以完美展现。

在项目中遇到这样的需求，左边图片，右边新闻标题，如果新闻标题是一行，则让问题居中显示，如果是两行，则全部显示并两行垂直居中图片，如果多行，显示省略号。

一 什么是 BFC它是页面中的一块渲染区域，并且有一套渲染规则. 它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。而 Block Formatting Contexts (BFC，块级格式化上下文)，就是 一个块级元素 的渲染显示规则。通俗一点讲，可以把 BFC 理解为一个封闭的大箱子，，容器里面的子元素不会影响到外面的元素，反之也如此。触发BFC的条件body 根元素；浮动元素：fl...