Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 语义用户界面表宽度_Html_Css_Semantic Ui - Fatal编程技术网

Html 语义用户界面表宽度

Html 语义用户界面表宽度,html,css,semantic-ui,Html,Css,Semantic Ui,我使用语义用户界面作为前端框架,我有一个表,其中大约有10列,但表的宽度只是设置为它的容器,而我希望它越过容器并向右滚动以查看其他列 这是代码 日期 类型 多克诺 项目编号 项目部分 描述 计量单位 位置 数量 供应商 多诺 生产线 洛诺 {x.in_date} {{x.type} {{x.doc_no} {{x.item_no} {x.matcode} {{x.descr}} {x.u_测度} {{x.location}} {{x.in_数量} {x.supp_no} {{x.do_no}

我使用语义用户界面作为前端框架,我有一个表,其中大约有10列,但表的宽度只是设置为它的容器,而我希望它越过容器并向右滚动以查看其他列

这是代码


日期
类型
多克诺
项目编号
项目部分
描述
计量单位
位置
数量
供应商
多诺
生产线
洛诺
{x.in_date}
{{x.type}
{{x.doc_no}
{{x.item_no}
{x.matcode}
{{x.descr}}
{x.u_测度}
{{x.location}}
{{x.in_数量}
{x.supp_no}
{{x.do_no}
{{x.org}
{{x.lot_no}

如何制作表格位于其容器上方,需要向右滚动以查看其他列的内容。

首先将表格插入容器中。然后在此容器上设置宽度,例如400,并将高度调整为任意值。最重要的是overflow-x:滚动以在其上设置滚动条


这将只添加垂直滚动条,而表格的宽度仍将从语义调整为容器的大小