1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<caption>标签中，添加样式代码：style="white-space : nowrap"。
3、浏览器运行index.html页面，此时表格内部表格的标题文字会横着显示。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<table border="1"><tr><td>1</td></tr><tr><td>2</td></tr><tr><td>3</td></tr></table>
3、浏览器运行index.html页面，此时成功实现了table表的列竖向排列。
三个办法：一、在每个input样式中加上 style="display:block"
<div id="hello">
<input type="text" style="display:block"/>
<input type="text" style="display:block"/>
<input type="text" style="display:block"/>
</div>
二、把div的宽度尽量改小，小于两个input相加的宽度即可
<div id="hello" style="width:1px">
<input type="text" />
<input type="text" />
<input type="text" />
</div>
三、在每个input后面加上 <br>
<div id="hello">
<input type="text" /><br>
<input type="text" /><br>
<input type="text" />
</div>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）