JS对层的处理

    我手动实现了一个CMS系统，页面的模板有四栏、三栏和和两栏这三个选择项。
    每一栏是有若干个模块依次组成的。
    模放模块组成是这样的：一个大层套在外边，然后是上边一个小层，小层显示的内容为这个栏目名称，然后下边一个层显示的是稿件的列表。
    现在的问题是，我显示标题的栏目名称当比较长的时候就出现了换行，这样严重影响了视觉美观。处理方式想到的是在后台截取字符串的长度，让它只显示几个字符，但是问题又出来，比如两栏的，每一模块是比较宽的，这样窃取也严重影响视觉审美。
    现在我想到的处理方式是这样在的，把模块的大的div的name名字统一，然后显示模块名称的div的name名称也统一，通过根据name获取当前大的div的宽度，然后根据这个宽度来截取，他下边显示模块名称d的iv中显示文字的长度，这样就通过JS来控制了，不知道可行不？知道给我点建议！
    如果有jquery实现最好，js不是太好，希望各位帮帮忙！