表 <td> 在长文本字符串上扩展的问题答案

【问题标题】：Issues with table <td>expanding on long strings of texts表 <td> 在长文本字符串上扩展的问题
【发布时间】：2013-01-05 02:08:52
【问题描述】：

您可能会想，“嘿，孩子，这不是它应该这样做的问题。”我非常清楚这一点。但是我想要实现的是，当框中的文本溢出我设置的初始 50px 时，我希望文本消失，我尝试了很多东西，包括overflow:hidden，但我似乎无法弄清楚.我知道“表格是用于数据而不是外观”，但在这种情况下这是错误的......另外，我试图在所有可能的情况下避免换行。

HTML：

<td>;
$picksql="SELECT * FROM ".$tbl_name."
WHERE PortNumber='".$i."'"; 
    $result=$conn->query($picksql);
    while($row = $result->fetch(PDO::FETCH_ASSOC)) {
    echo $row['Entry1'].'<br>'.$row['Entry2'].'<br>'.$row['Entry3']; 
    $one=$row['Entry1'];
    $two=$row['Entry2'];
    $three=$row['Entry3'];
    }
</td>

css:

td{
width:50px;
height:70px;
overflow: hidden;
}

不管 php，$row['Entry1'] 是回声，我似乎无法用它实现我的目标。有什么想法吗？

【问题讨论】：

总是可以将内容放入div 或span（在td 内）并将您的CSS 规则应用于它（容器）。
“在这种情况下这是错误的”......不，不是。您正在使用它们的外观。
@ithcy 很公平，但这仍然没有帮助'
@JohnDoe 我知道 ;) 但这确实是您问题的根源。也许this answer 会有所帮助？

标签： php css mysql html-table

【解决方案1】：

您可以通过添加display: inline-block; 来达到此目的我创建了小提琴http://jsfiddle.net/QMCMA/ 来演示这一点

【讨论】：