mPDF和动态居中

Question

我刚刚开始使用mPDF而不是FPDF，而且...我正面临与我的项目有关的一个严重困难。

我想设置DIV，其中通常动态生成的任何内容（即MySQL数据）都必须居中放置，而与大小无关。不幸的是，仅通过了StackOverflow的一些解决方案，我无法做到这一点。

我试图做到这一点：

 margin-right:auto;
 margin-left:auto;
 width: 80%;

但是整个DIV都是拉伸的，只是从一个角到另一个角浮动。任何尝试都无法使文本居中... center标签不起作用，这是mPDF处理HTML代码时最严重的缺陷。

不管大小或长度如何，有人对如何动态居中图像或文本有任何想法吗？

感谢帮助！

Answer 1

假设您不需要将其垂直居中 ...所拥有的几乎就是您所需要的，或者甚至我可能会确切地说出您所需要的。这是一些代码和示例。

的HTML

<div class="box"><p>some dynamic content</p></div>

的CSS

.box { width: 80%; margin: 0 auto; text-align: center; background: green; }

在CSS中使用width属性，在HTML中使用段落标记的内容。您会看到它保持水平居中。

如果您还需要使其垂直居中，则还需要做更多的事情。