HTML怎么编辑双排并列文字

html-css019

HTML怎么编辑双排并列文字,第1张

方法很多

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

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

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

4.FLEX布局了解一下？

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

有一种方法就是利用表格布局，

<table>

<tr align="center">

<td>文字</td>

<td><img src="image/1.png" width="90" height="90" alt=""></td>

</tr>

</table>

这样写，是可以保证图片和文字同派且文字与图片是居中显示的，而不是文字在图片下方

直接文字后插入按钮，不做任何设置，就可并排显示

文字和按钮并排：<input type="button" value="按钮" />

效果：