项目经验：css控制div显示横向滚动条

最新推荐文章于 2024-02-27 13:43:21 发布

原创最新推荐文章于 2024-02-27 13:43:21 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何通过设置style属性为'overflow-x:auto'来实现网页元素的横向滚动条，具体展示了输入框、按钮及表格的布局，并提供了HTML代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

style="overflow-x:auto

html代码：

<!------------利用style="overflow-x:auto"显示横向滚动条------------->
<div id="table3" class="dv-table3-content" style="overflow-x:auto">
	<div  style="width:200px;">
		<input type="text" style="width:99%; padding:0px; margin:0px"/>
	</div>
	<div style="text-align:center;width:200px;">
		<button style="height:20px;"  id="calculate3" onclick="calculate();" class="button white medium">导入污染源数据</button>
	</div>
	<table  width="100%" border="1" cellspacing="0" cellpadding="0" class="altrowstable" style="margin:0px auto;">
		<tr id="trheader" class='headcolor'  >
			<td >时间</td>
		</tr>
	</table>
</div>

图片展示：