问题标签 [two-column-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
486 浏览

html - 2 列 CSS 布局,但导航列不会延伸到页面底部

目标是设置 2 列 CSS 布局。课堂上的教科书使它听起来像编辑 CSS Nav 一样简单,方法是让它向左浮动。但是,它不会将 Nav 列一直延伸到页面底部,如他们的示例所示,但它确实浮动在左上角。

CSS:

HTML:

0 投票
1 回答
348 浏览

css - 使用html在两列中显示内容

我正在尝试在 HTML5 的两列中显示内容。但是,不知何故,我做错了什么。这是我的 HTML 代码

这是 JSFiddle 链接 - http://jsfiddle.net/chandham/k39vpafd/

0 投票
1 回答
199 浏览

html - 带网格的布局:如何将 box1 放入第 1 行第 2 列,将 box2 放入第 2 行第 2 列?

我得到的布局如下:

在此处输入图像描述

我期望的是:
放入和box1放入.row 1 column 2box2row2 column 2

为什么不能将内容放入 grid ofbox1和grid of ? box2row 1 column 2row 2 column 2

如何修复我的CSS?

0 投票
2 回答
2868 浏览

latex - LaTeX 两列布局不会在边框之间保留文本

我正在使用 \twocolumn 标签来使用 LaTeX 中的两列布局。问题是这不能正常工作,并且文本似乎没有在边界之间固定。不确定这个最小的例子是否有帮助,但至少你可以看到我的包含和它发生的文本。

显示问题的 PDF 左栏的屏幕截图

为什么 LaTeX 会从第一列写入第二列,我该如何解决?我想避免单独更改发生这种情况的每一行。我正在寻找一个全球性的解决方案。

提前致谢!

0 投票
0 回答
77 浏览

latex - Tex:使用SIAM模板将两列句子和一张表格放在一页上

我正在为 SIAM 国际数据挖掘会议 (SDM) 撰写补充材料。我正在使用以下带有两列的 SIAM 模板。 https://www.siam.org/Portals/0/Conferences/Proceedings/soda2e_031819.zip

如何在一页上放小句子和一个表格?我展示了这个例子,尽管它需要两个空间很大的页面。

感谢您的意见。

上述 TEX 示例的 PDF 图像

0 投票
1 回答
365 浏览

r - R: 2 column layout in Rmarkdown with tabset

I am trying 2 column layout using CSS to divide the sapce in 2 halfs. However the {.tabset} command is not working. I have tried multiple combinations but no help.

here is style.css content for column divide used

0 投票
1 回答
102 浏览

html - 2列布局,依赖滚动

我对这一切都很陌生,想为投资组合创建一个两列布局。在左栏中,我显示了项目图像,在右栏中显示了一条信息。

当光标位于右列时,我希望左列也可以,反之亦然。

但图像容器高于浏览器窗口,信息容器则不然。只要显示项目-A,我希望信息-A 在窗口顶部保持粘性,并且图像容器-A 可以滚动。当到达图像容器 A 的底部时,我希望项目 B 向上滚动到视图中,同时信息 B 和图像容器 B 一起滚动。
信息容器-A 应该停止粘性并与图像容器-A 一起滚动,信息-B 向上滚动直到它在顶部变得粘性并且只有图像容器-B 继续滚动。很快。 在此处输入图像描述

基本上像这里:https ://tokyo-voice.jp 我真的不知道如何解决这个问题。希望我的意思很清楚。

0 投票
2 回答
3251 浏览

html - 具有两列,第二个两行的响应式 CSS

我想使用具有两列的 DIV 制作一个响应式表格布局,第二列被分成两个相等的行,所以它看起来像这样。

文本

谢谢你。

0 投票
1 回答
58 浏览

django - 列中的 Django 单选按钮

我有一个带有 n 个选项的单选按钮,这些选项本身是从数据库中提取的。

表格.py

这是我的意见.py

这是我的模板文件 searchpage.html

我希望选择在每行两列中显示为单选按钮,等距。我尝试过脆皮选项,但我猜这是整个形式。

如何获得如图所示的所需结果:

2列收音机

0 投票
1 回答
66 浏览

html - 带有可调整大小的列的顺风两列布局

我正在尝试实现使用顺风创建的两列布局,它允许左列水平调整大小。调整列大小时,右列应填充剩余空间。我习惯于grid-cols-2创建两列布局,但使用 grid-colsresize-x只会影响左列。该演示可以在这里找到:https ://play.tai​​lwindcss.com/W2sGHdRz4Y