文本朗读功能。

这个朗读功能可以适合一些文章或者小说的阅读，通过上传文件可以直接朗读。注意它只支持TXI文本文件，保留微软的语音，并对页面布局和样式进行了美化。

·使用CSS对页面进行布局和美化，同时通过筛选语音列表，只保留微软的语音(Microsoft开头的语音)。

·主要更新内容只保留微软的语音，使用voices filter voice等于voice name includes microsoft筛选出微软的语音，将筛选后的语音添加到下拉菜单中。

网页设计中的布局一般分为前端视角和设计视角。其中，前端视角主要是指实现页面的各种CSS布局方式，分别为：静态布局、流式布局、响应式布局、弹性布局和Flex布局。除了静态布局，其他都能实现在不同分辨率下页面的自适应，来给用户最佳的视觉呈现。今天，就给大家讲讲前端网页设计中的静态布局和流式布局。

静态布局

Grid 布局是什么？

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案，是目前唯一一种 CSS 二维布局。利用 Grid 布局，我们可以轻松实现类似下图布局，演示地址

Grid 布局和 flex 布局

讲到布局，我们就会想到 flex 布局，甚至有人认为竟然有 flex 布局了，似乎没有必要去了解 Grid 布局。但 flex 布局和 Grid 布局有实质的区别，那就是