css如何实现文章分栏，控制字距，行距？

我是想实现一个类似报纸的效果~~比如：
比如左上的文章块，可不可以用css直接给出要分几栏，然后控制能显示几行，和其字距，行距？？？   我想在我的php里动态的实现对这三个参数的的控制。就是说在这一堆文字上  定义三个css参数， 3栏，字距0.25，行距0.38，只显示到50行，后面挂一个“点此看更多”小弟css太弱了~~  呵呵，好不意思。各位多帮忙~~  多谢多谢~~

解决方案 »

  1.   

    css可以控制具体块的渲染，但是有几块，还需要使用HTML定义。
      

  2.   

    我觉得这个的确不属于CSS的工作范围。
      

  3.   

    噢~~  楼上的老大~~  多谢~~  我是想实现分栏~~  除了css还有好方法吗？   因为想用php控制这段文字。也就是第一栏之后，第二栏能接上第一栏最后的文字就行了~~  哈哈，多谢
      

  4.   

    CSS的事情，和PHP没有什么关系
      

  5.   

    不用css也可以，其实就是两列间的接排。从数据库中抓出文字来。然后xxxxx  xxxxx  xxxxx
    xxxxx  xxxxx  xxxxx
    xxxxx  xxxxx  xx
    第一列完成以后会自动到第二列？？怎么实现？
      

  6.   

    div+css可能要好些.
    笨的方法就是table
      

  7.   

    呵呵,楼上的老大,什么思路?   怎么截?  JavaScript我特别菜~~
      

  8.   

    楼上的老大,什么思路?怎么截?JavaScript我特别菜.....多谢~~
      

  9.   

    html的frame不能实现吗？
    还有，可以用div
      

  10.   

    table 或者 div都行吧？
      

  11.   

    table 或者 div 都行,  就是怎么让第二块跟着第一块的文字接排
      

  12.   

    给你一个假设：我假设你的总字数为10000
    你每一块1000字，那么可以分段来实现了假如总文字用变量str="这里有10000个文字"，存储起来然后这样
    <div>
    <ul>
    <%for i=1 to 10000/1000%>
    <li><%=mid(str,(i-1)*1000+1,i*1000)%></li>
    <%next%>
    </ul>
    </div>
      

  13.   

    <!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/html; charset=gb2312" />
    <title>无标题文档</title>
    <style>
    div{
    width:1000px;
    height:auto
    }
    ul{
    width:1000px;
    height:auto
    }
    li{
    float:left;
    width:100px;
    height:auto;
    background:#CCCCCC;
    padding:3px;
    word-break:break-all; 
    }
    </style>
    </head><body>
    <%for i=1 to 1000%>
    <%str=str&"牛年"%>
    <%next%>
    <div>
    <ul>
    <%x=len(str)
    for i=1 to x/1000
    j=i-1%>
    <li><%=mid(str,j*1000+1,i*1000)%></li>
    <%next%>
    </ul>
    </div>
    </body>
    </html>呵呵，里面具体的字数，和行数，根据你的程序实际情况改写
      

  14.   


    呵呵~~  楼上的老大,多谢。  这种文章分栏的排版，每列的字数是不同的，因为每个自然段最后结束的时候都不是完整的充满列。还有，有时有数字，小标题什么的情况。所以我曾设想，把每列最后一段，有css方式，把没排完的部分充满列。如果控制在此段多几个字和少几个字的情况下，应该行的通。但是如果多字和少字多的情况，又不行。…………所以如果有css或javascript的方法直接做接排两个文字块的处理就好了~~多谢楼上各位~~
      

  15.   

    .NET在后台可以用placeholder控件格式化页面的显示效果.你说的这些效果都可以实现.
      

  16.   

    这确实是难题
    不把字摆出来，很难知道到哪换行换栏
    可以算，思路大概这样：（最好在服务器端处理）
    （要等宽字体）逐个字符分析，2个半角字符算一个汉字。假如一行20个汉字，一栏20行。
    那么：（用vbs吧）
    Dim s, c, i, r, l
    s = ""
    r = 0
    l = 0
    For i = 1 To Len(Text)
        c = Mid(Text, i, 1)
        If AscW(c) < 256 Then
            l = l + 1
        Else
            l = l + 2
        End If
        s = s & c
        If l = 40 Then '与20*2比较
            l = 0
            r = r + 1
        ElseIf l > 40 Then
            l = 1
            r = r + 1
        End If
        If r Mod 20 = 0 Then
            s = s & Chr(0)
        End If
    Next
    Response.Write "<div>" & Replace(s, Chr(0), "</div><div>") & "</div>"
      

  17.   

    解释下上面我写的代码：
    c是每次循环要分析的字符，ascw值小于256，就算1个，否则算2个。
    l是当前行数过的字符数，当达到40时，清0，并且r++。注意：当=40时，说明整行；当>40时，要跑到下面一个字符（不大对，如果当前c的ascw值>255，那一个汉字跑到下一行了。自己改下）；
    r保存行数，当是20的倍数时，s加上Chr(0)，为了后面处理。
    循环结束，得到s，这是输出要用到的。
    仔细考虑下，清除了就明白了。只要头脑清醒，没有解决不了的问题
      

  18.   

    目前的 CSS 2.1 版本做不到这种分栏支持，在 CSS 3 可以做到，
    CSS 3 规范在 Firefox 有兼容性属性：-moz-column-count，可以
    去看看（https://developer.mozilla.org/en/CSS3_Columns），在 IE 下好像还没有。
      

  19.   

    js+css对文章内容进行分栏，页面需要对文章内容进行横向显示，用css发现实现还是比较复杂的因此改成用js实现，Ie6,7,8,谷歌浏览器,Opera,Mozilla Firefox,Safari兼容已经测试通过。
    http://www.notsee.info/tech/js/js-detail-425.xml