标签: two-columns

使用CSS自动流动2列文本

我有类似于以下代码:

<p>This is paragraph 1. Lorem ipsum ... </p>
<p>This is paragraph 2. Lorem ipsum ... </p>
<p>This is paragraph 3. Lorem ipsum ... </p>
<p>This is paragraph 4. Lorem ipsum ... </p>
<p>This is paragraph 5. Lorem ipsum ... </p>
<p>This is paragraph 6. Lorem ipsum ... </p>
Run Code Online (Sandbox Code Playgroud)

如果可能的话,我想,如果没有标记,会导致此文本流入两列(左侧为1-3,右侧为4-6).我犹豫使用a添加列的原因<div>是客户通过WYSIWYG编辑器输入了这个文本,因此我注入的任何元素都可能被后来或者莫名其妙地杀死.

html javascript css css3 two-columns

61
推荐指数
4
解决办法
10万
查看次数

使用CSS或JavaScript自动两列

我正在开发一个网站,我的客户希望各种文章的文本分为两列.有点像在报纸上?所以它看起来像:

Today in Wales, someone actually      Nobody was harmed in
did something interesting.            the incident, although one 
Authorities are baffled by this       elderly victim is receiving
development and have arrested the     counselling.
perpetrator.     
Run Code Online (Sandbox Code Playgroud)

[我非常努力想要写出来的东西]

有没有办法只用CSS就可以做到这一点?我宁愿不必使用多个div.我也愿意使用JavaScript,但我真的很糟糕,所以请帮助我们.我想也许JavaScript可以计算内容div中有多少<p>,然后根据它移动它们的后半部分?也许?建议将不胜感激:D

javascript css two-columns

11
推荐指数
3
解决办法
1万
查看次数

列之间的空格

我有一个柱形图,每个X值我有两个系列.但是图表显示了每个X值之间的宽间距.

问:如何在Highchart中在列和y轴之间留出1px的空间?

space two-columns highcharts

10
推荐指数
1
解决办法
3万
查看次数

用awk比较文件

嗨我有两个相似的文件(都有3列).我想检查这两个文件是否包含相同的元素(但以不同的顺序列出).首先,我想比较第一列

FILE1.TXT

"aba" 0 0 
"abc" 0 1
"abd" 1 1 
"xxx" 0 0
Run Code Online (Sandbox Code Playgroud)

FILE2.TXT

"xyz" 0 0
"aba" 0 0
"xxx" 0 0
"abc" 1 1
Run Code Online (Sandbox Code Playgroud)

我怎么能用awk做到这一点?我试着环顾四周,但我发现只有复杂的例子.如果我想在比较中包含其他两列,该怎么办?输出应该给我匹配元素的数量.

comparison awk compare two-columns

8
推荐指数
2
解决办法
2万
查看次数

有序列表两列流程

任何人都知道一种优选的css技术,如果它比容器的高度长,可以让ol流入两列?列表中的项目数可能会有所不同,容器的高度可能会发生变化.

当我尝试设置li时width:50%,float:left它进入两列,但是2在1旁边而不是在它下面.

我想要实现的是:

  1. abcdef 4. abcdef
  2. abcdef 5. abcdef
  3. ABCDEF

html css layout html-lists two-columns

7
推荐指数
1
解决办法
1万
查看次数

关于两列布局的CSS

我从来没有想过用css写一个简单的两列布局是如此复杂......哈哈

我想做的是以下内容:

  1. 当内容div的高度超过屏幕大小的高度时,滚动条仅存在于内容div中.用户只能滚动内容div,但侧边栏保持静态

  2. 两列应具有相同的高度

    我的布局是:

<---------------容器------------------->

<-------------------头------------------>

<----- -------边栏> <---------内容--->

<------------------页脚------------------->

<---容器的末尾------------------------->

这是我的css文件:http: //137.189.145.40/c2dm/css/main.css

谢谢/

css overflow two-columns

6
推荐指数
1
解决办法
1445
查看次数

根据列中的数据合并两个CSV文件

我有两个csv文件,如下所示.

CSV1

data13      data23      d      main_data1;main_data2      data13         data23
data12      data22      d      main_data1;main_data2      data12         data22
data11      data21      d      main_data1;main_data2      data11         data21
data3       data4       d      main_data2;main_data4      data3          data4
data52      data62      d      main_data3                 data51         data62
data51      data61      d      main_data3                 main_data3     data61
data7       data8       d      main_data4                 data7          data8
Run Code Online (Sandbox Code Playgroud)

CSV2

id1      main_data1      a1      a2      a3
id2      main_data2      b1      b2      b3
id3      main_data3      c1      c2      c3
id4      main_data4      d1      d2      d3
id5      main_data5      e1      e2      e3
Run Code Online (Sandbox Code Playgroud)

现在我的问题是,我知道当两个文件中的一列完全相同时如何合并两个CSV文件.但我的问题有点不同.CSV1中的第4列可以包含CSV2中的第2列.我想获得一个CSV文件,如下所示

FINAL_CSV

id1      main_data1      a1      a2      a3      data13
id2      main_data2 …
Run Code Online (Sandbox Code Playgroud)

python regex csv merge two-columns

6
推荐指数
1
解决办法
7555
查看次数

列的组合,而不是排列

在我一直在研究用户的网站上,允许用户将数据提交到表格中,当他们提交数据时,会要求他们提供合作伙伴名称,因为有两个人在处理数据.我正在尝试创建一个高分表,列出顶级合作伙伴,AKA合作伙伴和提交者的组合(不是排列),最常出现在桌面上.

GROUP命令对此非常有用,但我遇到了组合/置换问题.目前,当我对它们进行分组时,它只检查提交者和合作伙伴的排列,而不是组合.问题在于,合伙企业通常选择在作为提交者的一个人和另一个作为合作伙伴之间进行交替,因此我实际上有两种可能的GROUP排列,我可以提取.

目前我的代码将提取一个提交者和合作伙伴排列的高分表,以及另一个合作伙伴和提交者排列的高分表.我需要在partner = submitter或submitter = partner时加入这些结果(可能是未分组的和非有序的),然后将它们分组,然后按降序排序.

SELECT submitter, partner, COUNT(*) FROM submissions GROUP BY submitter, partner;
Run Code Online (Sandbox Code Playgroud)

上面的代码将返回表格,其中包含提交者和合作伙伴的特定排列的计数,但如果相同的两个人是合作伙伴和提交者,则只需切换,他们就不会被计为同一组.

有人知道这个代码吗?

sql combinations group-by permutation two-columns

5
推荐指数
1
解决办法
871
查看次数

与样条曲线结合使用时Highcharts中的列宽

我在Highcharts中有这个烦人的事情,我无法弄明白.我有动态生成的图表,可以包含多个列和样条线.在示例中,样条曲线是温度测量值,包含大量数据点.这两列按天分组,因此每天只包含一个值.

当我使用这种组合时,列宽几乎不可见:http: //jsfiddle.net/FXRj2/

       series: [{
            name: 'Rainfall 1',
            color: '#4572A7',
            type: 'column',
            yAxis: 1,
            data: [[1374105600000,1461.77],[1374192000000,1473.67],[1374278400000,1122.47],
                   [1374364800000,1170.16],[1374451200000,1436.88],[1374537600000,1383.57], 
                   [1374624000000,9.73]],
            tooltip: {
                valueSuffix: ' mm'
            }

        }, {
            name: 'Rainfall 2',
            color: '#red',
            type: 'column',
            yAxis: 2,
            data: [[1374105600000,3.28],[1374192000000,2.95],[1374278400000,3.12],
                   [1374364800000,3.8],[1374451200000,3.61],[1374537600000,0.39]],
            tooltip: {
                valueSuffix: ' mm'
            }

        }, {
            name: 'Temperature',
            color: '#89A54E',
            type: 'spline',
            data: [[1374105600000,21.9],[1374109200000,21.6],[1374112800000,21.2],
                   [1374116400000,20.8],[1374120000000,20.5],[1374123600000,20],
                   [1374127200000,19.7],[1374130800000,19.6],[1374134400000,19.9],
                   [1374138000000,20.3],[1374141600000,20.9],[1374145200000,21.4],
                   [1374148800000,21.9],[1374152400000,22.5],[1374156000000,23.1],
                   [1374159600000,23.5],[1374163200000,23.9],[1374166800000,23.7],
                   [1374170400000,23.8],[1374174000000,23.3],[1374177600000,23.1],
                   [1374181200000,22.4],[1374184800000,21.9],[1374188400000,21.4],
                   [1374192000000,21],[1374195600000,20.4],[1374199200000,20.1],
                   [1374202800000,19.7],[1374206400000,19.3],[1374210000000,19],
                   [1374213600000,18.7],[1374217200000,18.9],[1374220800000,19.3],
                   [1374224400000,19.8],[1374228000000,20.6],[1374231600000,21.4],
                   [1374235200000,22.1],[1374238800000,22.6],[1374242400000,23.2],
                   [1374246000000,23.5],[1374249600000,23.5],[1374253200000,23.5],
                   [1374256800000,23.1],[1374260400000,23],[1374264000000,22.4],
                   [1374267600000,22],[1374271200000,21.4],[1374274800000,21.2],
                   [1374278400000,20.6],[1374282000000,20.2],[1374285600000,20.3],
                   [1374289200000,20.2],[1374292800000,20],[1374296400000,19.7],
                   [1374300000000,19.3],[1374303600000,19],[1374307200000,18.9],
                   [1374310800000,19],[1374314400000,19.2],[1374318000000,19],
                   [1374321600000,19.7],[1374325200000,19.8],[1374328800000,20.2],
                   [1374332400000,20.6],[1374336000000,21],[1374339600000,21.6],
                   [1374343200000,21.8],[1374346800000,22.1],[1374350400000,22.3],
                   [1374354000000,22.1],[1374357600000,21.5],[1374361200000,21.1],
                   [1374364800000,20.6],[1374368400000,20.1],[1374372000000,19.7], …
Run Code Online (Sandbox Code Playgroud)

spline two-columns highcharts

5
推荐指数
1
解决办法
1123
查看次数

CSS 列不会水平对齐

我正在使用列数来允许我的文本流入两个不同的列,但第一列(最左侧)的顶部低于另一列?

#col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}
Run Code Online (Sandbox Code Playgroud)
<div id="col">
  <h3>
    Options
  </h3>
  <h3>
    Features and Benefits
  </h3>
  <h3>
    Specifications
  </h3>
  <h3>
    hey
  </h3>
  <h3>
    30 Years Experience
  </h3>
</div>
Run Code Online (Sandbox Code Playgroud)

我已经包含了有限的代码部分,即使我用文本填充它,列的顶部仍然存在差异。

html css two-columns

5
推荐指数
1
解决办法
5351
查看次数