修剪一個字符串使用css

-3

我想修剪一個字符串使用css。例如我的字符串是修剪一個字符串使用css

「喜谷歌你怎麼樣」

我想輸出

「喜」

獲得前兩個字母。使用Css可以修剪一個字符串。

來源

2014-07-08 Biju s

'使用CSS是有可能修剪string.' - 不，你可以做的方式是一個，設置寬度與前兩個字母的寬度，並以'溢出：hidden'例如。這不會削減它，但會明顯只顯示前兩個字母。 –

謝謝尼克。我認爲這是唯一的解決方案。 –

雖然不可能使用CSS;但你可以在理想條件下得到某種幻覺，可能是這種解決方法爲你工作。我在這裏使用了text-overflow: ellipsis; 你可以檢查DEMO。

<p>hi google how are you</p> 

p { 
    text-overflow: ellipsis; /* IE, Safari (WebKit) */ 
    overflow:hidden;    /* don't show excess chars */ 
    white-space:nowrap;   /* force single line */ 
    width: 17px; /*This property playing a major role just showing the first 2 letter*/ 
}

來源

2014-07-08 13:09:12

@Biju我爲你做了一個Demo。但它只會讓人錯覺文本被截斷。 –

感謝Kheema的演示，它的作品。我認爲這個 –

沒有任何其他soluthion是的，但它的工作雖然不是完美的解決方案。 –

CSS是一種描述頁面元素風格的方法。您正嘗試使用設計爲不會對頁面內容產生任何影響的框架來編輯頁面的內容，只是樣式。

你應該看看使用JavaScript來做你想做的。以這種方式格式化頁面元素在CSS中是不可能的。

來源

2014-07-08 13:00:52

AFAIK：在CSS中沒有辦法做到這一點。實現你想要的東西的唯一方法是使用一些腳本語言（例如JavaScript）。

來源

2014-07-08 13:02:47 Silveraven

這是不可能的CSS。

，唯一可行的辦法是通過在跨度包裝句子的休息，並隱藏它，就像這樣：

<p>hi<span> google how are you</span></p> 

span { display: none; }

還是應該尋找到一個Javascript或PHP的解決方案。

來源

2014-07-08 13:02:54 LinkinTED

CSS本身不是一種編程語言。

另一方面，有好消息給你。您可以使用JavaScript或jQuery等編程語言來完成此任務，甚至可以使用後端編程語言（如PHP或Ruby）。

CSS是一種用於以層疊方式應用樣式的語言，因此它被稱爲CSS（層疊樣式表）。

只是給你一些建議，你試圖完成的不叫trim。修剪是從一個字符串中刪除不必要的空白，例如這裏顯示的示例：JavaScript Trim() Function。

你想要完成的是所謂的子串，這裏解釋：JavaScript substring() Function。

var str = "Hello world!"; 
var res = str.substring(0, 2); 
/* Output: He */

來源

2014-07-08 13:03:08 codeninja

我會親自做的JavaScript

var startText = "hi google how are you"; 
var endText = startText.substr(0, 3); 
// endText is now "hi"

來源

2014-07-08 13:03:10 WongKongPhooey

修剪一個字符串使用css

回答

相關問題