有20个像素的宽度的div，我想显示一段文字，如果超出20个像素就截取适当的文字追加"..."

[进入梦时才浪漫]

有20个像素的宽度div，我想显示一段文字，如果超出20个像素就截取适当的文字追加"..."
文字可能是汉字，英文小写或英文大写字母，三种情况的文字所占的空间（像素）都是不是样的，那么怎么才能做到刚好20个像素就截取呢，请高手指教...

[zhxhdean]

楼上的办法好

[newdigitime]

20个像素宽? 也就只能显示一个字符 ,你把"..."显示在哪儿

[chen_ya_ping]

[Quote=引用楼主 yanglong925319 的回复:]
有20个像素的宽度div，我想显示一段文字，如果超出20个像素就截取适当的文字追加"..."
文字可能是汉字，英文小写或英文大写字母，三种情况的文字所占的空间（像素）都是不是样的，那么怎么才能做到刚好20个像素就截取呢，请高手指教...
[/Quote]
你的这个要求是不是不管英文还是中文都显示20个字呢

[baysos]

css控制，不过貌似FF支持的不好·也可以用代码试试，先算好20个像素大概占多少字符
//返回指定字符长度的字符串
private string returnByte(string input, int len)
{
input = input.Trim();
byte[] myByte = System.Text.Encoding.Default.GetBytes(input);
if (myByte.Length > len)
{
//截取
string resultStr = "";
for (int i = 0; i < input.Length; i++)
{
byte[] tempByte = System.Text.Encoding.Default.GetBytes(resultStr);
if (tempByte.Length < len)
{
resultStr += input.Substring(i, 1);
}
else
{
break;
}
}
return resultStr + "...";
}
else
{
return input;
}
}

[wuyq11]

Encoding.Default.GetString(Encoding.Default.GetBytes(str), 0, 24)
public static string GetFirstString(string stringToSub, int length)
{
Regex regex = new Regex("[\u4e00-\u9fa5]+", RegexOptions.Compiled);
char[] stringChar = stringToSub.ToCharArray();
StringBuilder sb = new StringBuilder();
int nLength = 0;
bool isCut=false;
for(int i = 0; i < stringChar.Length; i++)
{
if (regex.IsMatch((stringChar[i]).ToString()))
{
sb.Append(stringChar[i]);
nLength += 2;
}
else
{
sb.Append(stringChar[i]);
nLength = nLength + 1;
}

if (nLength > length)
{
isCut=true;
break;
}
}
if(isCut)
return sb.ToString()+"..";
else
return sb.ToString();
}

[进入梦时才浪漫]

不好意思，我想用Js的方法来实现，请问怎么解决

[baysos]

function cutstr(str,len)
{
var str_length = 0;
var str_len = 0;
str_cut = new String();
str_len = str.length;
for(var i = 0;i<str_len;i++)
{
a = str.charAt(i);
str_length++;
if(escape(a).length > 4)
{
//中文字符的长度经编码之后大于4
str_length++;
}
str_cut = str_cut.concat(a);
if(str_length>=len)
{
str_cut = str_cut.concat("...");
return str_cut;
}
}
//如果给定字符串小于指定长度，则返回源字符串；
if(str_length<len){
return str;
}
}

试试

[koukoujiayi]

css也可以：
<div style="width: 20px; height: 20px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">dcsd sdjhf sdhfl jsdhljaf h</div>