html – 居中整个blockquote

概述目前我的blockquotes中的文本是居中的,但是当没有大量要引用的文本并且左边框离文本太远时,它会产生问题. Example 我希望边框总是距离文本5px(通常位于我博客上的图像中心). 是否有任何方法可以使整个blockquote居中,包括左边框,因此它不会卡在一个位置,而文本是唯一居中的？ 目前的CSS： blockquote { max-width:390px; colo 目前我的blockquotes中的文本是居中的,但是当没有大量要引用的文本并且左边框离文本太远时,它会产生问题.

Example

我希望边框总是距离文本5px(通常位于我博客上的图像中心).

是否有任何方法可以使整个blockquote居中,包括左边框,因此它不会卡在一个位置,而文本是唯一居中的？

目前的CSS：

blockquote {    max-wIDth:390px;    color: #5c4c40;    text-align: center;     border-left: 3px solID #897860;     padding-left: 5px;    margin-left: 40px; }

解决方法 添加宽度：自动;并显示：表格

blockquote {    max-wIDth:390px;    color: #5c4c40;    text-align: center;     border-left: 3px solID #897860;     padding-left: 5px;    margin:0 auto;    background:red;    wIDth:auto;    display:table}

DEMO

总结

以上是内存溢出为你收集整理的html – 居中整个blockquote全部内容，希望文章能够帮你解决html – 居中整个blockquote所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。