Question

我的网站在右上角显示用户名，如果用户名太大，则会超出屏幕范围。如何使用html，css和JavaScript来阻止这种情况。

我尝试使用text-align和direction，但它没有用。

<div  style="font-size:15px; color:#666666; direction:RTL; text-align: right;" ><?php echo $_SESSION['Name']?></div

Answer 1

尝试word-wrap:break-word;

<div  style="font-size:15px; word-wrap:break-word; color:#666666; direction:RTL; text-align: right;" ><?php echo $_SESSION['Name']?></div>

Answer 2

什么样的想要做什么？
例如，您可以使用css剪切文本并创建“...”外观here以获取更多信息：

.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

（这在Firefox中不起作用）

溢出属性只是切断了。

 overflow:hidden;

为div设置title属性时，用户可以在悬停时看到全名。

Answer 3

<div  style="word-wrap:break-all; text-align: justify; word-break:break-all; font-size:15px; color:#666666; direction:RTL; text-align: right;" ><?php echo $_SESSION['Name']?></div>

如果用户输入没有空格，则

word-wrap:break-word;不起作用的像：Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

在这种情况下你需要

word-wrap:break-all; text-align: justify; word-break:break-all;

Answer 4

您好我认为您应该使用css-property overflow（explain），因为任何主要浏览器都不支持word-wrap属性（source）< / p>

如果文字太长了怎么移动？

4 个答案: