新闻列表加虚线对齐（急）

Question

本帖最后由 spark_wu 于 2010-01-19 11:17:42 编辑

Answer 1

GridView CSS

Answer 2

标题和时间不是存储在同一列吧？那你用两列显示不就行了吗？如果非要一列显示，那么我建议你用字段类型为char类型，这个是固定长度的字符类型

Answer 3

我是判断的是字节啊
   public string GetTitle(string title)
    {
        int length = 60;
        string outstr = "";
        int n = 0;
        foreach (char ch in title)
        {
            n += System.Text.Encoding.Default.GetByteCount(ch.ToString());
            if (n > length)
                break;
            else
                outstr += ch;
        }
        int c = 0;
        foreach (char ch in outstr)
        {
            c += System.Text.Encoding.Default.GetByteCount(ch.ToString());//得到字节数
        }
        if (c < 100)
        {
            for (int i = 0; i < 100-c; i++)
            {
                outstr += '-';
            }
        }
     
        return outstr;
        
    }

Answer 4

标题和时间是两个字段，我用的是Access 数据库，文本类型

Answer 5

你可以在后面多加一些，然后用CSS的overflow:hidden;
不过这不太好

Answer 6

方法一用图片：li{background:url(dashed.gif) repeat-x center;}
li a, li span{background：#fff;}
<ul>
<li><a>用带虚线的背景图片，文字底色为白色可以掩盖虚线</a><span>10</span></li>
<li><a>用带虚线的背景图片，文字底色为白色可以掩盖虚线</a><span>10</span></li>
<li><a>用带虚线的背景图片，文字底色为白色可以掩盖虚线</a><span>10</span></li>
</ul>
方法二纯CSS：
    <style type="text/css">
         .list{width:800px;border:1px solid #ccc;padding:5px;background:#f7f7f7;}
         .list ul{list-style-type:none;margin:0;padding:0;}
            .list li{overflow:hidden;position:relative;font-size:14px;border-bottom:1px solid #ccc; height:22px;line-height:22px;}
.list li a{float:left;color:#000;background:#f7f7f7;padding-right:15px;}
.list li span{position:absolute;}
.list li em{position:relative;float:right;font-style:normal;background:#f7f7f7;padding-left:15px;}
        </style><div class="list">
        <ul>
            <li>
                <a>热烈祝贺我市首台国际高端PET-CT落户101医院!</a>
                <span>--------------------------------------------------------------------------------------------------------------------------------------</span>
                <em>10</em>
            </li>
            <li>
                <a>头卡自动扶梯，一女孩险些丧命!</a>
                <span>--------------------------------------------------------------------------------------------------------------------------------------</span>
                <em>10</em>
            </li>
            <li>
                <a>基本药物价格降四分之一</a>
                <span>--------------------------------------------------------------------------------------------------------------------------------------</span>
                <em>20</em>
            </li>
        </ul>
    </div>
可见还是方法一用图片实现最方便