Question

所以我的问题是这样的：

我有一个div，在div中我有一个img，然后是图像旁边的一个字符串，高度为25，宽度为128，并且它与中心对齐。

它只是一个用户名和他们名字旁边的一个小图标。它工作正常，直到用户有一个很长的名字，在这种情况下，它会把字符串放到一个新的行，这绝对不是我想要的。

如果它太长，我希望它只是过度流动并隐藏其余的名称。无论如何我能做到吗？

我隐藏了溢出以及最大高度和最大宽度。我尝试使用跨度以及显示：内联但它不断将其推送到新行。我需要保持对齐的中心位置。

任何帮助？

似乎无法找到任何信息。我也尝试把它放在桌子上，但无济于事。

这是代码：

<a href="#" class="tab2">        
    <table  align="center">            
        <tr>                
            <td valign="bottom"  id="contactLink1">    
                <div align="center" class="funtion_user_imageloc_box">
                    <?php if($memimglevelROW['imageloc']!=''){
                        if ($memimglevelROW['imageloc']=="black1.png"){?>
                            <img src="levelimage/<?php echo $memimglevelROW['imageloc'];?>"  alt="" width="30.5" height="16" align="center" class="funtion_user_img1" />&nbsp;    
                        <?php } else {?>
                            <img src="levelimage/<?php echo $memimglevelROW['imageloc'];?>" alt="" width="18" height="18" align="center" class="funtion_user_img2" />&nbsp;    
                        <?php }            
                    }
                    echo $username;?>
                </div>
            </td>        
        </tr>    
    </table>
</a>

Answer 1

欢迎来到社区！

请尽量不发布文字墙，因为这会让您难以阅读问题。
您正在键入的内容预览位于“提问”文本框下方。
感谢您提供代码！

您应该尝试white-space: nowrap;因为这可能会解决您的问题。

此外，不要将表格用于非表格数据。它不再是1995年，CSS可以做任何表格所能做的事情。

将所有内容保存在div中的一行中

1 个答案: