多余字体隐藏的css,CSS3--字体样式，自动隐藏一行中多余文字，以省略号显示。...

Border-radius

#id4div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left;padding:24px;margin:0;font-family:helvetica,arial,sans-serif;color:#000;background:#000;font-size:80px;font-weight:bold;text-shadow:0 0 4px white,

0 -5px 4px #ff3,

2px -10px 6px #fd3,

-2px -15px 11px #f80,

2px -25px 18px #f20;border-radius:111px;

}#id1div{text-align:left;padding:24px;margin:0;font-family:helvetica,arial,sans-serif;color:#000;background:#000;font-size:80px;font-weight:bold;text-shadow:0 0 4px white,

0 -5px 4px #ff3,

2px -10px 6px #fd3,

-2px -15px 11px #f80,

2px -25px 18px #f20;border-radius:111px;

}div.className{text-align:left;padding:24px;margin:0;font-family:helvetica,arial,sans-serif;color:#D1D1D1;background:#ccc;font-size:80px;font-weight:bold;text-shadow:-1px -1px white,1px 1px #333;border-radius:111px;

}div.id3div{text-align:left;padding:24px;margin:0;font-family:helvetica,arial,sans-serif;color:#D1D1D1;background:#ccc;font-size:80px;font-weight:bold;text-shadow:1px 1px white,-1px -1px #333;border-radius:111px;

}#text{text-align:left;padding:24px;line-height:0.5em;margin:0;font-family:helvetica,arial,sans-serif;height:1px;color:#999;font-size:80px;font-weight:bold;text-shadow:5px -5px 16px #000;border-radius:111px;

}body{background-color: ;

}

自动隐藏多余文字,以省略号形式显示
text-overflow:clip 不显示省略标记
text-overflow:ellipsis 显示省略标记
text-overflow:ellipsis-word 显示省略标记
white-space:nowrap 强制文本在一行显示
overflow:hidden 隐藏溢出文本，并显示为省略号