如何将div与滚动条居中对齐答案

【问题标题】：how to center align div along with scroll bar如何将div与滚动条居中对齐
【发布时间】：2014-06-29 14:32:56
【问题描述】：

我的要求是居中对齐 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 中心对齐并有滚动条。

【问题讨论】：

标签： html css jquery-ui

【解决方案1】：

使用这个 - margin: 0 auto; 与预期的高度和宽度，而不是 inline-block

Fiddle

【讨论】：

是的，没关系，但我想要的是文本的 div 宽度。表示宽度应与文本一致，当文本宽度超过 200 像素时，应应用省略号，否则应按文本采用宽度。
@MananKapoor 你需要使用父DIV来对齐居中的内联元素jsfiddle.net/AAMLA/188
当我设置宽度：200px 时，它会占用那个但不是文本。也使用你发给我的新结构，我在内部 div 中设置了宽度，但它没有占用文本的宽度。