问题标签 [two-columns]

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 回答
157 浏览

css - 响应式设计:2列posts,1个query,按css排序

我正在构建一个 wordpress 主题。帖子按发布日期的顺序进行查询和显示,降序,例如:

我想要做的是根据它们的类别将这些帖子分为 2 列,但保持日期顺序。例如:

我知道我可以做 2 个单独的查询,但我不想这样做。

为了响应式设计,如果我将窗口大小调整为移动设备,我希望所有帖子都按日期顺序返回(见顶部),因此是单个查询。

有没有办法仅使用 CSS 实现排序(左和右)?

我尝试过浮动或绝对定位,但都没有正确实现排序。这不一定是 wordpress 问题,因为数据可能来自任何来源。

任何帮助表示赞赏。

0 投票
2 回答
45 浏览

mysql - Mysql:按两列排序

我必须显示下面的查询结果,按优先级排序。

我虽然 Priority desc 的另一个订单会这样做,但它会产生相同的结果

如何按优先级排序此查询的结果。这样优先级为 7 的行就会出现在顶部,而不管其添加日期如何。我需要在查询中按 DateAdded 排序,只选择前 12 行 wrt time,然后根据 priority 对它们进行排序。这怎么可能 ?

0 投票
2 回答
234 浏览

html - 2 柱容器 100% 车身高度

我正在使用这个示例仅供参考:http ://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-21-fixed-fluid/ (其中左列是通过 px 和右列的固定宽度可重新调整大小)

我正在尝试使容器的高度为身体高度的 100%。

例如,忘记该页面上的底部内容(复制代码),只是顶部布局示例,我将如何将其高度(无论是否有内容)设为正文高度的 100%。对于内容,我试图让它滚动,没有(如果有的话)它需要是身体最小高度的 100%。

任何建议,到目前为止还没有运气..

我的jsfiddle例子:

http://jsfiddle.net/GtK98/1/

0 投票
1 回答
306 浏览

css - Webkit 列的负边距问题

我正在尝试制作一个突出于文本的图像——这在 IE 和 FF 中运行良好。然而,在 Webkit 浏览器中,一旦您将列添加到等式中,它似乎会破坏布局。

检查它:http ://cdpn.io/mfAtg

0 投票
1 回答
87 浏览

php - mysql-problems with adding columns

So, I have problem with adding columns to table tablica, tablica has only id column and trough loop I am adding column names with ALTER query and then I am adding values from table prva with query INSERT, here's my code:

I have problem in what way columns are added, first column is ok, then the second one begins where the first ends, so my ouput is something like this:

and it needs to be:

so I need to put the column2 in the place, than and id's will be sorted also i think. Can anyone help? Tnx

0 投票
1 回答
490 浏览

android - Android - 两列布局

我有一个两列布局,希望它像平板电脑上的 android 4 上的“设置”一样工作。

在左侧是一个菜单(它是一个 ListView),根据列表视图上的操作,我想在右列加载一个活动。

我正在搜索一些关键字以继续...

提前致谢!

0 投票
2 回答
71 浏览

html - 在 HTML 和 CSS 中使用列

我想为我的网站上的内容设置 2 个不同的列,我想要的方式是这样的:

http://i.stack.imgur.com/V4uX2.jpg

它在我的电脑显示器上显示,但在我的手机上显示如下:

http://i.stack.imgur.com/H7CNe.png

如您所见,我希望两侧始终彼此相邻,而不是像在我的手机上那样在另一侧下方。

CSS

HTML:

0 投票
2 回答
289 浏览

html - CSS中的列排列取决于目标设备

我目前正在开发一个必须在不同设备(桌面、移动设备等)上完全响应和可访问的网站。我只想拥有一个 html 标记,并且我正在使用媒体查询来实现不同类型的布局。

对我来说,有一个干净的标记很重要,所以让我们开始吧。为了让事情变得更容易,我删除了所有不必要的东西。我有一个文章列表(-tags)。每篇文章的内容都是可变的,所以我无法确定一个固定的高度。我的目标是根据设备安排这些部分。例如:

1)在移动设备上只有 1 列,所有部分都在彼此下方。

2)在平板电脑上,我想有 2 列,所以 2 篇文章彼此相邻(见下图)。

3)在桌面上我想要3列......

我的标记看起来像这样,并且知道任何表示性的东西,如列等。如果我在标记中包含列(额外的标记,例如使用 column-divs),我将没有机会根据目标设备更改布局。这意味着我会在“标记时间”修复布局/演示文稿。

我根本不是使用 CSS 的初学者:最近几天我几乎尝试了所有方法。

那么如何以典型的 2 列布局排列文章呢?如果每篇文章的高度相同,我会很容易。1列也完全没有问题。3 列比 2 列更难实现。

2 列所需的布局如下所示:

所需的 2 列布局

但是在使用浮点数时我确实得到了这个结果(浮点数:左)

左浮动

由于旧浏览器缺乏支持(我必须支持),ms-grid 和 flexbox 是无可替代的。

最好提前感谢!

0 投票
2 回答
379 浏览

excel - EXCEL - 相邻列中每个值的列值总和

我有一些关于打印页数的数据,这基本上是每个打印作业的一行,其中包含用户名和页数。我想要每个用户的总页数。

我的数据如下所示:

我想结束:

0 投票
1 回答
34 浏览

html - I need to document a command and its output side-by-side. I remember there's a tool for that

I'm currently developing a set of shell functions and I want to document its output.

I remember there's a command that generates a basic outline in html (and markdown?) where on the first column you've got the command and it output on the right. A crude example:

I would like to know a program that given a set of commands will generate something similar to the previous example, wether it is html, markdown or anything similar.