链接样式上的奇怪宽度

Question

类上的奇怪宽度，由于某种原因，当链接掉到两行时，框显示最大宽度，在右边留下大量空间。有没有办法解决这个问题而不必摆脱最大宽度？是否可以使用2个单独的样式进行多行/单行？

由于

{
position: absolute;
left: 190px;
padding: 4px 8px;
top: 100px;
font-size: 0.9em;
font-weight: 400;
max-width: 110px;
}

Answer 1

那是因为这两个词的宽度大于110px。由于您的max-width为110px，因此无法延长。

您可以使用省略号截断文本

a{
    position: absolute;
    left: 190px;
    padding: 4px 8px;
    top: 100px;
    font-size: 0.9em;
    font-weight: 400;
    max-width: 110px;
    background:red;
    text-overflow: ellipsis; 
    overflow: hidden; 
    white-space: nowrap;
}

<强> DEMO