我的要求是居中对齐div，此div必须具有最大和最小高度。如果内容达到最大高度，则应显示滚动条。
结构也如下所示，也见于jsFiddle：http://jsfiddle.net/AAMLA/185/
<div id="showHide" style="border:1px solid black;overflow: auto;min-height: 50px;max- height: 72px;text-overflow: ellipsis;margin: 0 auto;font-weight: normal;display: inline-block;">
<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:4px;">ABCDSEE</div>
<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:4px;">ID</div>
<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:4px;" >MS</div>
<div style="overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:4px;">TIMEOFATTACKffffffffffffffffffffff</div>
</div>
现在，当我使用display：inline-block;“在外部div滚动条中，但div不在中心对齐。
此外，如果我使用display：table;“div居中对齐但没有滚动条。
任何人都可以让我知道我应该怎么做才能让div中心对齐并且还有滚动条。