text-overflow: ellipsis// text-overflow css3的属性，当文本溢出时，显示省略号
display: -webkit-box
-webkit-line-clamp: 2// 设置两行文字溢出
-webkit-box-orient: vertical
overflow:hidden
text-overflow:ellipsis
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div{
width: 100px
overflow:hidden
text-overflow:ellipsis
display:-webkit-box
-webkit-box-orient:vertical
-webkit-line-clamp:2
}
3、浏览器运行index.html页面，此时文字超过2行会自动把多余部分用省略号显示 。
设置两个div框架，分别设置这两个div框架的宽度（宽度应小于或是等于整体宽度），把它们都设置成float：left。基本就是这样了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>一行两列</title>
<style type="text/css">
*{
margin:0padding:0border:0font-size:12pxcolor:#000
}
body{
text-align:centerfont-family:宋体, sans-serif
}
#main{
width:950pxtext-align:leftmargin:0 auto
}
#left{
float:leftwidth:240pxbackground:#9fcmargin-right:10px
}
#right{
float:leftwidth:700pxbackground:#f69
}
</style>
</head>
<body>
<div id="main">
<div id="left">左边部分</div><!--left end-->
<div id="right">右边部分</div><!--right end-->
</div><!--main end-->
</body>
</html>
代码你可以看一下，能实现一行两列
