css - 将所有内容放在 div 中的一行中

Question

所以我的问题是这样的:

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

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

如果名称太长，我希望它能溢出并隐藏名称的其余部分。无论如何我可以做到这一点吗？

我隐藏了溢出以及最大高度和最大宽度。我尝试使用 span 和 display:inline 但它一直将其推到新行。我需要保持对齐居中。

有什么帮助吗？

似乎找不到任何信息。我也试过把它放在 table 上，但无济于事。

代码如下:

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