有没有文字左右分栏的方法

就像word里面的内容分栏一样。
html实现不了，有js代码也行，没有js代码，有想法的也说一下。

解决方案 »

  1.   

    word里面的内容分栏是怎么样的？
      

  2.   

    报纸？这个搞几个div不就行了么
      

  3.   

    CSS里的DIV版块设置，不就和WORD里的分拦很相似了吗？
    CSS界面能做的事，为何还要JS代码呢？
      

  4.   

    能做吗，左栏放不下了的文字，自动转到右栏去，css直接已经有分栏功能了吗？
      

  5.   

    实现文字左右分栏用div+css挺好的，而且效果也不错哦！
      

  6.   


    我不知道你在哪里，你了解的报纸有哪些，但是你可以参考一些知名的报纸，都有WEB版的，他们的分拦就是用CSS来做的！
      

  7.   

    用DIV+CSS做两列新闻列表分栏的方法 
    <!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" c />
    <title>CSS 分栏样式 </title>
    <style type="text/css">
    <!--
    body {
    font-size:12px;
    color:#000000;
    }
    a {
    color:#000000;}
    a hover{
    color:#666666;}
    .subnewslist {
    border-top: 3px solid #FFFFFF;
    margin: 0 auto;
    padding: 3px 5px 0px 5px;
    width: 559px;
    background: #F1F1F1;
    height: 418px !important;
    height: 398px;
    }
    .subnewslist ul {
    margin: 0 auto;
    padding: 0;
    }
    .subnewslist li {
    border-bottom: #DDDDDD 1px solid;
    float: left;
    padding: 5px 0px 0px 10px;
    width: 269px;
    background: url(../images/li.gif) no-repeat 0px 2px;
    height: 22px;
    overflow: hidden;
    }
    .subnewslist li a {
    overflow: hidden;
    }
    .subnewslist li a:hover {
    text-decoration: underline;
    }
    .onesubnewslist {
    border-top: 3px solid #FFFFFF;
    margin: 0 auto;
    padding: 3px 5px 0px 5px;
    width: 559px;
    background: #F1F1F1;
    height: 418px !important;
    height: 398px;
    }
    .onesubnewslist ul {
    margin: 0 auto;
    padding: 0;
    }
    .onesubnewslist li {
    border-bottom: #DDDDDD 1px solid;
    float: left;
    padding: 5px 0px 0px 10px;
    width: 552px !important;
    width: 549px;
    background: url(../images/li.gif) no-repeat 0px 2px;
    height: 22px;
    overflow: hidden;
    }
    .onesubnewslist li a {
    overflow: hidden;
    }
    .onesubnewslist li a:hover {
    text-decoration: underline;
    }
    .onesubnewslist span {
    float:right;
    padding-right:5px;
    color:#333;
    }
    -->
    </style>
    </head>
    <body>
    <div class="subnewslist">
    <ul><li><a title="根域名服务器首进中国 网速提高" href="#">根域名服务器首进中国 网速提高</a></li><li><a title="龙芯电脑一周内被抢购一空" href="#">龙芯电脑一周内被抢购一空</a></li><li><a title="微软在华推出Windows Live Expo测试版服务" href="#">微软在华推出Windows Live Expo测试版服务</a></li><li><a title="信产部部长:中国将很快发放3G牌照" href="#">信产部部长:中国将很快发放3G牌照</a></li><li><a title="百度启动国际化战略 明年进军日本市场" href="#">百度启动国际化战略 明年进军日本市场</a></li><li><a title="微软Vista中国售价全球最低 传言售价仅300元" href="#">微软Vista中国售价全球最低 传言售价仅</a></li>
    </ul>
    </div>
    </body>
    转自：http://apps.hi.baidu.com/share/detail/15885996
      

  8.   

    这个可以有~
    先把内容写到一个div，然后onload时候判断字数裁剪一些到另一个div（囧……）
      

  9.   

    关键是如何判断字数呢，固定宽高的div中，怎么知道能显示多少内容刚好，剩下的显示到右侧div里！
      

  10.   

    对自己的表达能力越来越失望了，不会是大家都没有用过word的分栏功能吧？