html框架的优缺点？
1、固定和灵活的轨道尺寸
2、可以使用行号，名称或通过定位网格区域将项目放置在网格上的精确位置。网格还包含一种算法，用于控制未在网格上显示位置的项目的放置。
3、在需要时添加其他行和列
4、网格包含对齐功能，以便我们可以控制项目放置到网格区域后的对齐方式，以及整个网格的对齐方式。
5、可以将多个项目放入网格单元格或区域中，它们可以彼此部分重叠。然后可以用z-index属性控制该分层。
缺点：兼容性不太好
什么是网格布局？
网格布局 CSS为布局新增的一个模块。网格布局特性主要是针对于Web应用程序的开发者。可以用这个模块实现许多不同的布局。网络布局可以将应用程序分割成不同的空间，或者定义他们的大小、位置以及层级。
就像表格一样，网格布局可以让Web设计师根据元素按列或行对齐排列，但他和表格不同，网格布局没有内容结构，从而使各种布局不可能与表格一样。例如，一个网格布局中的子元素都可以定位自己的位置，这样他们可以重叠和类似元素定位。
此外，没有内容结构的网格布局有助于使用流体、调整顺序等技术管理或更改布局。通过结合CSS的媒体查询属性，可以控制网格布局容器和他们的子元素，使用页面的布局根据不同的设备和可用空间调整元素的显示风格与定位，而不需要去改变文档结构的本质内容。
你好，网格布局的意思是，把平面划分成多个（如果是基本网格布局，那么网格是等大的）网格。所有内容元素在其中摆放均由格子的位置编号以及所占格子数量来确定。
比如，一个3*8的基本网格布局，把一个容器水平分成8份，垂直分成3份。
我们放置一个按钮在(2,2)位置，并且只占用1格那么这个按钮就处在垂直居中，水平1/4靠左的位置复杂的网格布局，可以设置每一列的宽和高，并且每个元素可以占用多个行或者多个列。一个很直观的网格布局例子，就是Excel表格啦。每个工作簿的内容容器都是表格布局的。
手机网页里，一段文本超出显示省略号(…)，这个CSS怎么设置？
text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)
在WebKit浏览器或移动端，用-webkit-line-clamp用来限制在一个块元素显示的文本的行数
两者结合就能得到你要的效果。
例子：
响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改变窗口大小等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局