gpt4 book ai didi

html - 将 html TD 宽度设置为字符数

转载 作者:太空宇宙 更新时间:2023-11-03 21:53:45 25 4
gpt4 key购买 nike

我想将 TD 宽度设置为字符数,例如,如果我设置为 11,则只能显示 11 个字符,其余必须在新行中。我尝试了 width 属性,但它在不同的浏览器/分辨率下显示不同。

<table border="1">
<tr>
<td>test1</td>
<td>CRTAX_G</td>
<td>
28-FEB-2013, 11-MAR-2013, 13-MAR-2013
</td>
</tr>
<tr>
<td>test1</td>
<td>CRTAX_G</td>
<td>
28-FEB-2013, 11-MAR-2013, 13-MAR-2013
</td>
</tr>
<tr>
<td>test1</td>
<td>CRTAX_G</td>
<td>
28-FEB-2013, 04-MAR-2013, 05-MAR-2013, 07-MAR-2013, 11-MAR-2013, 13-MAR-2013, 12-MAR-2013, 08-MAR-2013, 06-MAR-2013
</td>
</tr>
<tr>
<td>test1</td>
<td>CRTAX_G</td>
<td>
28-FEB-2013, 11-MAR-2013, 13-MAR-2013
</td>
</tr>
<tr>
<td>test1</td>
<td>CRTAX_G</td>
<td>
28-FEB-2013, 06-MAR-2013, 08-MAR-2013, 12-MAR-2013, 13-MAR-2013, 11-MAR-2013, 07-MAR-2013, 05-MAR-2013, 01-MAR-2013
</td>
</tr>
<table>

将表格中的日期显示在一行中,

28-FEB-2013, 06-MAR-2013, 08-MAR-2013, 12-MAR-2013, 

我希望它显示为

   28-FEB-2013,
11-MAR-2013,
13-MAR-2013,

每个日期都必须换行。

最佳答案

我能想到的最简单的解决方案是:

table tr td+td+td {
font-size: 100%;
font-family: monospace;
width: 8em;
}

http://jsbin.com/elaleg/1/edit

关于html - 将 html TD 宽度设置为字符数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15404133/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com