如何在<figure>中居中而没有文本对齐?</figure>

时间:2011-09-02 23:20:06

标签: html css

我觉得我对CSS了解很多,并且知道如何集中精力。

唉,每隔一段时间,我总是无法集中注意力。我可能正在做一些愚蠢的事情,那些是我问stackoverflow的时候。

http://jsfiddle.net/Svwh3/

margin: auto;宽度不居中。

我无法使用text-align,因为其中会包含文本元素。将text-align: left;放在他们身上对国际化不利,对吧?为什么没有text-align: root; ......

那么什么是正确的解决方案?

2 个答案:

答案 0 :(得分:5)

margin: 0 auto 0.55em;保留在figure > *上,然后添加display:block;

除非将margin: 0 auto应用于块元素,否则我认为{{1}}无效。

答案 1 :(得分:0)

我把它添加到你的jsfiddle:

figure img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}