时间戳

首页 > 解决方案 > 跨度中的用户名的宽度

html - 跨度中的用户名的宽度

问题描述

我是新来的webDevelopment.。在这里，我所拥有的是，

<div className="user-id">
            <i className="fa fa-user-o username-icon" aria-hidden="true"></i>
            <span className="user-name">username</span>

现在，这里我的用户名是电子邮件。所以它可能很大。现在，我想支持它tablet。

现在，我所做的是，

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis

现在，如果我将宽度添加到跨度，它将起作用。

但我很困惑是否有任何方法或固定宽度应该是什么，以便它可以工作到平板电脑和大型设备。

标签： htmlcssbootstrap-4

解决方案

推荐阅读