GVKun编程网logo

css – 可变大小的列,表中包含省略号(css设置内容超出省略号)

7

在这篇文章中,我们将带领您了解css–可变大小的列,表中包含省略号的全貌,包括css设置内容超出省略号的相关情况。同时,我们还将为您介绍有关bash–随机生成可变大小的测试文件、C++使struct对

在这篇文章中,我们将带领您了解css – 可变大小的列,表中包含省略号的全貌,包括css设置内容超出省略号的相关情况。同时,我们还将为您介绍有关bash – 随机生成可变大小的测试文件、C++使struct对象拥有可变大小的数组(详解)、css – 如何在行中包含大图像时使IE 11尊重表中的列宽?、css – 文本溢出:省略号在Chrome中包含div的div中不起作用的知识,以帮助您更好地理解这个主题。

本文目录一览:

css – 可变大小的列,表中包含省略号(css设置内容超出省略号)

css – 可变大小的列,表中包含省略号(css设置内容超出省略号)

我想在CSS中布局一个表.要求如下:第一列扩展尽可能多,第一列中的文本限制为一行文本,如果更多,则应该有省略号.
其他列只占用了包含文本所需的空间而没有包装(text-wrap:Nowrap).

桌子本身宽度为100%.

我设法使用带有省略号的固定大小的第一列,或者没有省略号的可变大小的第一列,我找不到一种方法来使用带有省略号的可变大小的列.用CSS可以实现吗?如果需要,我可以使用CSS 3属性,但我想避免使用JS.

标记:

<table>
<tr>
  <th>First</th>
  <th>Second</th>
</tr>
<tr>
  <td>
    Some long long text here
  </td>
  <td>
    Other text
  </td>    
</tr>
</table>

CSS:

.table,.expand-column {
  width: 100%;
}

.no-wrap {
  white-space: Nowrap;
}

解决方法

这是期望的外观: http://jsfiddle.net/Uhz8k/?这适用于Firefox 21,Chrome 43(可能更早)和IE11.它在IE9中不起作用. (不知道IE10.)

HTML代码如下:

<table>
    <tr>
        <th>First</th>
        <th>Second</th>
    </tr>
    <tr>
        <td>
            Some long long text here,Some long long text here,Some long long text here.
        </td>
        <td> Other text here </td>
    </tr>
    <tr>
        <td>
            Some other long text here,Some other long text here,Some other long text here.
        </td>
        <td> Some other text here </td> 
    </tr>
</table>

和CSS:

.table {
  width: 100%;
  border: 1px solid grey; 
}

.expand-column {
    max-width: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: Nowrap;
    border: 1px solid grey;
}

.no-wrap {
  white-space: Nowrap;
  border: 1px solid grey;
  width: 1px;
}

th {
    border: 1px solid grey;
}

bash – 随机生成可变大小的测试文件

bash – 随机生成可变大小的测试文件

这是我计划用来生成500个填充了随机数据的测试文件的脚本.

for((counter=1;counter<=500;counter++));
          do
             echo Creating file$counter;
             dd bs=1M count=10 if=/dev/urandom of=file$counter;

               done

但我需要脚本做的是使这500个文件的大小可变,就像在1M和10M之间;即,file1 = 1M,file2 = 10M,file3 = 9M等…

任何帮助?

解决方法

这将生成500个文件,每个文件包含1到10兆字节的随机字节.

#!/bin/bash
max=10    # number of megabytes
for ((counter=1; counter<=500; counter++))
do
    echo Creating file$counter
    dd bs=1M count=$(($RANDOM%max + 1)) if=/dev/urandom of=file$counter
done

第二行可能是:

for counter in {1..500}

C++使struct对象拥有可变大小的数组(详解)

C++使struct对象拥有可变大小的数组(详解)

首先摘录《Inside The C++ Object Model》中的一段话:

把单一元素的数组放在一个struct的尾端,于是每个 struct objects 可以拥有可变大小的数组:

struct mumble {

  char pc[1];

};

//获取一个字符串,然后为struct本身和该字符串配置足够的内存

struct mumble *pmumbl = (struct mumble*)malloc(sizeof(struct
mumble) + strlen(string) + 1);

strcpy(pmumbl->pc,string);

 

书上已经说得很明白,但个人理解的时候开始还是出了点问题,错误地认为 mumble 对象的 pc 成员在栈上,以为 strcpy 操作造成数组溢出而覆盖了后续内存。

实际上对象指针pmumbl所指的内存全部位于堆上,如下图所示:

指针 pmumbl 指向的是 malloc 所分配的整个内存,而 pmumbl->pc 指向的是这块内存的第一个字节,因为 malloc 操作为整个 string 分配了足够的内存,所以在 strcpy 时,虽然溢出了 pc 的内存范围,但没有溢出 struct 的内存范围,使得 strcpy 的结果是合理的和可控的。这样一来,相当于 struct 拥有了可变大小的数组,更加灵活。

以上就是小编为大家带来的C++使struct对象拥有可变大小的数组(详解)全部内容了,希望大家多多支持编程小技巧~

css – 如何在行中包含大图像时使IE 11尊重表中的列宽?

css – 如何在行中包含大图像时使IE 11尊重表中的列宽?

以下工作在Chrome(最新)和奇怪的过时的IE版本中运行良好 – 但在最新的IE版本(11)它似乎没有我想要的行为.

在Chrome(最新)和过时的IE版本中,第1列不会更改其宽度以适应第2列中的大图像,但在最新的IE版本(11)中它确实如何更正?

<table>
 <tr>
  <td>
     Column 1
  </td>
  <td>
     Column 2
  </td>
 </tr>
 <tr>
   <td>
     <table>
        <tr>
           <td>
              Test...
           </td>
        </tr>
     </table>
  </td>
  <td>
     <table>
        <tr>
           <td>
              Test...
           </td>
           <td>
              Test...
           </td>
        </tr>
     </table>
  </td>
  </tr>
  <tr>
  <td>
     <table>
        <tr>
           <td>
              Test...
           </td>
        </tr>
        <tr>
           <td>
           </td>
        </tr>
        <tr>
           <td>
           </td>
        </tr>
     </table>
  </td>
  <td>
     Test...
     <img src="http://www.psdgraphics.com/file/colorful-triangles-background.jpg">
  </td>
 </tr>
 <tr>
  <td>
  </td>
  <td>
  </td>
 </tr>
 </table>

见:https://jsfiddle.net/tLfur3xz/1/

解决方法

添加此样式:

table {
  table-layout: fixed;
}

Updated Fiddle

当你使用fixed时:

Table and column widths are set by the widths of table and col
elements or by the width of the first row of cells.

MDN documentation

css – 文本溢出:省略号在Chrome中包含div的div中不起作用

css – 文本溢出:省略号在Chrome中包含div的div中不起作用

我希望所有文本都以’…’结尾,但它只适用于内部div:
div {
  border: solid 2px blue;
  white-space: Nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 40px;
}
<div>Test test test test test test
  <div>asdasdasdasdasd</div>
</div>

http://jsfiddle.net/JU8Up/

是否有任何解决方案,以便外部div中包含的文本也得到’…’?

编辑:看起来像是一个chrome问题,但仍然可以解决下面的答案

解决方法

它通过添加float:left;到div CSS,但没有任何进一步的上下文我不能评论你的实现可能有什么副作用.

Example here.

今天关于css – 可变大小的列,表中包含省略号css设置内容超出省略号的介绍到此结束,谢谢您的阅读,有关bash – 随机生成可变大小的测试文件、C++使struct对象拥有可变大小的数组(详解)、css – 如何在行中包含大图像时使IE 11尊重表中的列宽?、css – 文本溢出:省略号在Chrome中包含div的div中不起作用等更多相关知识的信息可以在本站进行查询。

本文标签: