Question

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

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

我尝试用：

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

但是整个DIV都被拉伸了，它只是从一个角落到另一个角落。文本无法集中在任何尝试...中心标记只是不起作用，这是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中段落标记的内容。您会看到它保持水平居中。

如果你需要它也是垂直居中的，那么还有更多工作要做。