ボックス内で行をはみ出しを削除するには？
-
0 名前： ほい ： 2006/10/15（日） 20:01 ID:1cy5DDqV
- はじめまして。
ボックス内で１行毎にはみ出した部分を削除させて、最後に...を表示させたいのですが、どのようにすればいいでしょうか。
ブラウザはＦＩＲＥＦＯＸ1.0.5.7です。
試したことは、overflowです。これだと改行してしまいます。
<html>
<head>
<title>TAG index Webサイト</title>
<style type="text/css">
<!--
#exampleB {
width: 728px;
margin : auto ;
background-color : #ff0000 ;
}
.example3 {
width: 150px;
height: 105px;
padding : 10px ;
background-color: #85b9e9;
margin-right: 16px;
float: left;
}
.example4 {
width: 150px;
height: 105px;
padding : 10px ;
background-color: #85b9e9;
margin-right: 0px;
float: left;
}
-->
</style>
</head>
<body>
<div id="exampleB">
<div class="example3">123456789011121314151617</div> ←はみだしてしまいます。この行だけではみ出す前に...で終わりたいです。
<div class="example3">中央のボックス</div>
<div class="example3">右側のボックス</div>
<div class="example4">4のボックス</div>
<p style="clear: both;"></p>
</div>
</body>
</html>
-
1 名前： 点心 ： 2006/10/15（日） 20:01 ID:ad3gQF35
- はみ出した部分は overflow: hidden で非表示にすることは出来ますが、
...で終わらせることは無理かと思います。
