CSS Clip美国>田纳西州>纳什维尔从左起？

我有一个ASP.NET生成的“选择位置”的超链接。当用户点击它时，它会将它们带到一个新页面，供他们选择一个新位置/change-location/default.aspx。它可以在地球上任何一个国家/国家/城市：CSS Clip美国>田纳西州>纳什维尔从左起？

"United States > Tennessee > Nashville" 
"Australia > New South Wales > Sydney" 
"Saint Vincent and the Grenadines > Other > Port Elizabeth, Bequia" etc

通常情况下，整个蓝色超链接显示在移动人像（320像素宽小于10px的保证金每边）的罚款。

然而，当它是一个非常长的链路，例如：

"Saint Vincent and the Grenadines > Other > Port Elizabeth, Bequia"

它换到下一行。

虽然我们只想总共使用一条线。

我怎样才能使它所以如果是>宽300像素，它的剪辑从留下省略号：

"... Grenadines > Other > Port Elizabeth, Bequia"

使用CSS？

来源

2017-04-05 user1946932

我在asp.net项目中使用过一次。基本上，您需要使用方向，文本对齐和文本溢出来获取左侧的省略号。

p { 
 
    white-space: nowrap;      
 
    overflow: hidden;    /* "overflow" value should not be "visible" */ 
 
    text-overflow: ellipsis; 
 
    width:300px; 
 
    direction:rtl; 
 
    text-align:left; 
 
}

<p>"United States > Tennessee > Nashville"<br /> 
 
"Australia > New South Wales > Sydney" <br /> 
 
"Saint Vincent and the Grenadines > Other > Port Elizabeth, Bequia"</p>

来源

2017-04-05 04:38:02

感谢您的。它似乎运作良好。我可能会推动它，但有谁知道如何只显示整个单词？我只是想知道用户是否会说“renadines”是什么意思？ – user1946932

或者从用户体验的角度来看，我想知道人们是否会认为“......其他>伊丽莎白港，贝基亚”在这些超长的情况下会更合适/干净？ – user1946932

它现在可能超出原始问题的范围，但我想我可能需要使用https://www.codeproject.com/articles/2118/bypass-graphics-measurestring-limitations来衡量（strCountry +'>'+ strState +'>'+ strCity），如果大于300px，那么测量（strState +'>'+ strCity），如果大于300px，那么就使用strCity，尽管如此，还是使用Pratik的代码。 – user1946932

CSS Clip美国>田纳西州>纳什维尔从左起？

回答

相关问题