html - div随内容宽度 float

标签 html css mpdf

我正在使用 MPDF 从 HTML 和 CSS 创建 PDF。

在我的 HTML 中,我有一个带有 float:left 的 div;和 text-align:right 并且没有指定宽度。当我将 html 打印到我的网络浏览器时它工作正常但是当我将它打印到 PDF 时,div 的宽度是 100% 并且 div 中的文本打印在 PDF 的右侧(因为文本对齐右).在我的浏览器中,div 的宽度与内容的宽度相同。

所以我想在 PDF 的左侧打印 div,但文本右对齐。

我希望有人能帮助我!

提前致谢。

最佳答案

嘿,你想以不同的风格打印 html。所以,使用这个:

就在print.css中,添加div属性text-align:left

<link rel="stylesheet" type"text/css" href="print.css" media="print"> // media=print if present, used when document is printed :)

media="print" have those styles which have to be used while printing a document! I learn that somewhere!

仅适用于 MS IE

关于html - div随内容宽度 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13935069/

相关文章:

javascript - Chrome.storage 无法正确存储数组

html - 弹出菜单中的 CSS 绝对/相对定位 : How to use only part of parents' properties (left, 顶部、宽度、垂直/水平对齐)?

css - Sass DataURIs 未闭合的引号

css - 如何让条件 css 在 Blogger/Blogspot 上工作?

php - 使用mpdf在php中插入pdf格式的图像

php - 通过表单发送 HTML 代码

html - 在 Html 中自动播放音频文件

html - Nimbus Sans L 仅在 Firefox 中以上标呈现 TM ...浏览器错误?

html - 将子元素设置为父元素的 100% 高度,无论其他同级元素如何

php - 使用 PHP mPdf 生成的 pdf 中的 Highchart 渲染