可以做到的是text-overflow:ellipsis让多出来的部分变成省略号，然后在title上提示完整文字内容
写两套css，你这个基本可以用两个图片搞定，一般一个网页呈现出来根据你浏览器的宽度来显示，你可以设定，当浏览器宽度大于1400的时候用文字多的，当小于1400的时候用文字少的，这也就是适配的问题，css3的@media属性就可以解决这个问题一般缩小是说的宽度，毕竟用户的浏览器和分辨率大小不一样。最外层一个div然后再套一个div，然后里面放正文。
外层div的css设置width并用%表示，然后设置text-align居中（兼容ie），内层div的css设置margin为"0 auto"（一体的，无引号）并设置文字对齐text-align为left。
其实说了这么多还不如放代码，可是手机打，估计打出来格式也不太好看。你可以网上搜一下，一堆一堆的css方案。
如果你是说整体的，又包括里面的文字，那你好好设计一下%吧，估计很容易碎而且不常用。我没试过。
