html 在同一行设置不同字

这里可以通过CSS的font-family属性来设置文字的字体，如果要一行中显示多种字体，那就需要在一行里面放置多个标签，并且给每个标签设置不同的字体样式：

<div style="width:500px">

<font style=" width:100px float:left font-family: '宋体'">这里是宋体</font>

<font style=" width:100px float:left font-family: 'Microsoft YaHei'">这里是微软雅黑</font>

</div>

方法很多

1.用table表格实现，处理一下border格式就可以了

2.写两个div标签，每个div标签占用一行，每个div标签里划分为width相等的小div保证上下可以对其，小div里写标签就ok

3. 一个大div，width设置为固定，然后自动换行，当里面的小标签数量够多超出最大width的时候就会自动在第二行显示

4.FLEX布局了解一下？

最后，手机打字懒得写代码验证了，提供上面一些思路

新建一个html文件，命名为test.html，用于讲解html页面如何创建多行文本输入框。

在test.html文件中，使用textarea标签创建一个文本框。

在test.html文件中，使用rows属性设置文本框的行数

在test.html文件中，使用cols属性设置文本框的列数

在浏览器打开test.html文件，查看结果

---