水平和垂直居中标签而不使用表格？

Question

是否可以水平和垂直对齐没有表格的预标签？我想在网页上垂直和水平对齐一些ASCII art。虽然我已经produced a successful adaption using tables，但我想知道是否可以将其转换为使用其他元素和CSS。 每一段ASCII艺术都有不同的高度和宽度，因此请务必注意，我的问题的解决方案必须涉及没有固定的高度或宽度要求。

谢谢。

Answer 1

投掷在一个div和中心，以这些方式之一http://tutorialzine.com/2010/03/centering-div-vertically-and-horizontally/

Answer 2

<pre>标记将每个空间视为一个不间断的空格，即

 

并且不会自动删除空格。因此，您可以在ASCII艺术中填充每一行的右侧。如果ASCII艺术中的每一行都包含完全相同数量的字符（包括空格），则可以使用

pre {text-align: center;}

鲶鱼建议，他们会排成一列。

Answer 3

PRE元素默认为块元素，因此它与居中div或段落或h1或h2元素相同。您需要使用display：table和display：table-cell。

我的回答应该有助于解决您的问题......以及此处发现的小提琴：http://jsfiddle.net/dcGZm/13/

The old center a image in a div issue ( image size variable - div size fixed )