修剪一个字符串使用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

回答

相关问题