javascript - Display a number of characters inside an element

Question

i have an asp.net web application . in a view i have this problem: i need to adjust the content of an element .node

i'd like to display the content of the node inside it.if the number of characters is big i'd like to display only the characters inside the node and delete the others characters displayed outside the node.

<style
.node{



}
</style>

So how can modify the style of the class node to do this task?

Answer 1

你也可以试试text-overflow

.node{
text-overflow: clip; 
}

此属性剪辑文本

Answer 2

你可以试试

.node{
  overflow: hidden;
}

或者

.node{
  text-overflow:ellipsis;
}

Answer 3

计算节点内容的长度后，在 html 中使用内联样式。

<%
//in your script
//get length of the node's label
//set a variable with specific style / class
%>

<div class="node" style="<% the specific style %>"><% //content %></div>

甚至使用不同的类...

 <div class="<% the specific by size class %>"><% //content %></div>