使用 html2pdf 居中对齐，两边都有线条

发布于 2024-10-17 01:08:18 字数 336 浏览 9 评论 0原文

<table style="width: 100%;">
        <tr>
            <td style="text-align: center;width=100%;"><h4>Education</h4></td>
        </tr>
</table>

这是我正在使用的代码。现在我想要这样的o/p：

在此处输入图像描述

如何绘制这些水平线？

原文

<table style="width: 100%;">
        <tr>
            <td style="text-align: center;width=100%;"><h4>Education</h4></td>
        </tr>
</table>

This is the code I am using. Now i want o/p like this:

enter image description here

How can I draw these horizontal lines?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梅倚清风 2024-10-24 01:08:18

如果我粘贴 http://fiddle.jshell.net/4QskF/show/light/ 进入 html2pdf 主页上的“输入您选择的 URL”框，我在PDF 看起来像你的照片。

我使用了这个 HTML/CSS：

<div style="border-bottom: 1px solid #000"></div>
<h4 style="width:200px; margin:-10px auto 0 auto; text-align:center; background:#fff">Education</h4>

它可能需要一些调整，以便您可以在文档中实际使用它，但我认为这个想法是有效的。

If I paste http://fiddle.jshell.net/4QskF/show/light/ into the "enter a URL of your choice" box on the html2pdf homepage, I get output in the PDF which looks like your picture.

I used this HTML/CSS:

<div style="border-bottom: 1px solid #000"></div>
<h4 style="width:200px; margin:-10px auto 0 auto; text-align:center; background:#fff">Education</h4>

It might need some tweaks so you can actually use it in your document, but I think the idea works.

回复收藏 0 原文

嘴硬脾气大 2024-10-24 01:08:18

<table style="width: 100%; padding-top:-10px;">
            <tr>
        <td style="text-align: center;width=33%;"><hr style="height: .3mm; background: #000; "></td>
        <td style="text-align: center;width=33%; padding-top:-5px;">
<h4>Education</h4>
</td>
<td style="text-align: center;width=33%;"><hr style="height: .3mm; background: #000; ">     </td>
</tr>
</table>

这解决了我的问题。

<table style="width: 100%; padding-top:-10px;">
            <tr>
        <td style="text-align: center;width=33%;"><hr style="height: .3mm; background: #000; "></td>
        <td style="text-align: center;width=33%; padding-top:-5px;">
<h4>Education</h4>
</td>
<td style="text-align: center;width=33%;"><hr style="height: .3mm; background: #000; ">     </td>
</tr>
</table>

This solved my problem.

回复收藏 0 原文

~没有更多了~