字符串长度 div长度

wtcsy 2009-12-21 02:15:25

代码大概如下
如果里面的东西过长就打点
如何做比较好了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> 

<head> 

<title></title> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

<meta http-equiv="Content-Language" content="gb2312" /> 



</head> 

<body> 

<div style="height:300px; width:100px; border:1px solid #000000; font-size:12px;">

	<div>sadfsadfsadfsasdasdaWWsdasddf</div>

	<div>!11111111111111111111111111</div>

	<div>!!!!!!!!!!!!!!!!!!!!!!!!!!!</div>

	<div>暗暗啊啊啊啊啊啊啊啊啊啊暗暗啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>

</div>



ie下可以这样

<div style="height:300px; width:100px; border:1px solid #000000; font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; ">

	<div>sadfsadfsadfsasdasdasdasddf</div>

	<div>((((((((((((((((((((((((((((((((((((((((((((((((((((((((</div>

	<div>暗暗啊啊啊啊啊啊啊啊啊啊暗暗啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>

</div>

<script type="text/javascript">

</script>

</body> 

</html>

...全文

113 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

xmliy 2009-12-21

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> 

<head> 

<title></title> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

<meta http-equiv="Content-Language" content="gb2312" /> 

<style type="text/css">

  .ie 

  {

    border:1px solid #000000; 

    width:100px; 

    height:300px; 

    font-size:12px;

  }

  .ie div

  {

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

  }  

</style>

</head> 

<body> 

<div style="text-overflow:ellipsis;height:300px; width:100px; border:1px solid #000000; font-size:12px;">

    <div>sadfsadfsadfsasdasdaWWsdasddf</div>

    <div>!11111111111111111111111111</div>

    <div>!!!!!!!!!!!!!!!!!!!!!!!!!!!</div>

    <div>暗暗啊啊啊啊啊啊啊啊啊啊暗暗啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>

</div>



ie下可以这样

<div class="ie">

    <div>sadfsadfsadfsasdasdasdasddf</div>

    <div>((((((((((((((((((((((((((((((((((((((((((((((((((((((((</div>

    <div>暗暗啊啊啊啊啊啊啊啊啊啊暗暗啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</div>

</div>

<script type="text/javascript">

</script>

</body> 

</html>