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

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可以做任何表可以做的事情.