帮忙给我的表格出个主意

sunxing007 2011-01-23 01:43:43

我有一个设计如下：

帖子上的图片由于论坛布局问题不能显示完整，可右键另存为，然后查看。我设置的主体宽度为1000px，里面的表格充满其中。但是这个表格有很多字段（列），即便我的表格是自适应的，当向表格填充内容之后，表格依然会撑破外层div。如图所示，最最关键的原因就是Command列的内容不会自动换行，会被浏览器识别为一个单字。由于我的设计既要考虑美观，又要适应公司的显示器，也就是我的最大宽度1000是不能动的。
大伙帮我想想可以从哪些方面解决这个问题呢？

不散分，将集中奖励给出好点子的人。

...全文

105 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

porschev 2011-01-23

打赏
举报

补充：

用JS截取字符串了可以

porschev 2011-01-23

打赏
举报

截取一下字符串

如果是C#



 #region ### 截取字符串(如果字符长度超过特定长度就截取+...)

    /// <summary>

    /// 截取字符串(如果字符长度超过特定长度就截取+...)

    /// </summary>

    /// <param name="str"></param>

    /// <returns></returns>

    public static string GetSubString(string str, int leng)

    {

        if (str != null && !str.Equals(""))

        {

            if (str.Length > leng)

            {

                return str.Substring(0, leng) + "...";

            }

            else

            {

                return str;

            }

        }

        else

        {

            return str;

        }



    }

    #endregion

Acesidonu 2011-01-23

打赏
举报

把表格外层div的style设为overflow:auto;

ycproc 2011-01-23

打赏
举报

截取字符串。。

sunxing007 2011-01-23

打赏
举报

[Quote=引用 9 楼 theforever 的回复:]
上面有个地方更正一下：一是设外层DIV的css属性overflow为hidden

第一个问题，一般是在内容标签的title属性处放置完整的内容，在显示部分只放置截取长度的部分。
也可以通过CSS的text-overflow:ellipsis;来让浏览器自动完成截取适当长度的效果，但对某些浏览器及其以前的版本照顾兼容性会比较麻烦。

所以一般都在后台里截取。只是记着在title属性里最好……
[/Quote]
你这个的确非常好，我设计的时候没想到让div水平滚动，这样做的确比较合理。这个我采纳了。

碧海情天-赵亮 2011-01-23

打赏
举报

上面有个地方更正一下：一是设外层DIV的css属性overflow为hidden

第一个问题，一般是在内容标签的title属性处放置完整的内容，在显示部分只放置截取长度的部分。
也可以通过CSS的text-overflow:ellipsis;来让浏览器自动完成截取适当长度的效果，但对某些浏览器及其以前的版本照顾兼容性会比较麻烦。

所以一般都在后台里截取。只是记着在title属性里最好放置完整内容。

另外，就是不截取。让外层的DIV滚动条属性为AUTO。这样超过它的宽度时，会自动显示滚动条，在里面显示完整内容即可。

wwtbless 2011-01-23

打赏
举报

css控制换行就好了。

碧海情天-赵亮 2011-01-23

打赏
举报

[Quote=引用楼主 sunxing007 的回复:]
即便我的表格是自适应的，当向表格填充内容之后，表格依然会撑破外层div。[/Quote]
正因为你的表格是自适应的，所以它因为内部内容而会扩大，才会撑破外层DIV。
不想撑破，有两个选择：一是设外层DIV的css属性overload为hidden，这样扩大部分会被隐藏起来。二是控制表格里的内容，只显示必要部分，这可以通过后台也可以通过JS，但关键是要看你这个具体情形对数据显示的要求是怎样的，这个只有你自己清楚，自己决定。
[Quote=引用楼主 sunxing007 的回复:]
由于我的设计既要考虑美观，又要适应公司的显示器，也就是我的最大宽度1000是不能动的。[/Quote]
这个说法说明你的思路将会让你在过后感受到更深的痛苦。因为不能只想着适应公司的显示器，而是要考虑到站点目标用户的情况。即便是公司，显示器规格也未必完全一致。所以应该目标应该更开阔些，否则返工的话，不仅是劳动上的痛苦，同事和上司对你的能力认定也会是巨大的精神痛苦。

而且最大宽度1000，这个说法，至少作为一般网站设计标准来说不是这样，而是相反，是作为最小宽度的（事实上一般是让出一些留白，986左右这样。

灬上海爽爷 2011-01-23