如何在 TCPDF 中将 img 和 a 元素相互放置？

Question

我发现了 TCPDF 中的一个新问题（对我来说是新问题），即我不能将元素彼此相邻放置。我尝试了很多解决方案，但最终都是零。似乎 TCPDF 不支持从所有 css 属性进行转换。希望你能帮忙 ;) 我试过的代码：

<style>
.protHeader{
    position: relative;
    border: 2px solid black;
    display: table;
    height: 250px !important;
}
.protHeader div{
    width: 100%;
}
.protHeader div img{
    position: relative;
    display: inline-block;
    float: left;
    height: 100px;
    overflow: hidden;
}
.protHeader div a{
    position: relative;
    display: inline-block;
    text-align: right;
    horiz-align: right;
    overflow: hidden;
    float: right;
    font-weight: bold;
    font-size: 50px;
    width: 40% !important;
}
</style>

和 html:

<div class="protHeader">
    <div class="fl_left">
        <div style="border: 1px solid black;"><img src="$LogoN"></div>
        <div style="border: 1px solid black;"><a>$protocol</a></div>
    </div>
</div>

在此先感谢您的回答！

Answer 1

也许这是你的问题：

您正在添加：

.protHeader div{
    width: 100%;
}

这意味着，您的 class .protHeader 中的每个 <div> 都有 100% width。

编辑：（我更改了 css 的最后一部分并将内联块 div 着色为红色，以便查看它们应该彼此相邻）

尝试删除此行或将您的样式更改为：

.protHeader{
    position: relative;
    border: 2px solid black;
    display: table;
    height: 250px !important;
}
.protHeader .fl_left{
    width: 100%;
}
.protHeader div img{
    position: relative;
    display: inline-block;
    float: left;
    height: 100px;
    overflow: hidden;
}
.protHeader div a{
    position: relative;
    display: inline-block;
    text-align: right;
    overflow: hidden;
    float: right;
    font-weight: bold;
    font-size: 50px;
    width: 40% !important;
}

.protHeader .fl_left div {
  background-color: red;
  display: inline-block;
}

<div class="protHeader">
    <div class="fl_left">
        <div style="border: 1px solid black;"><img src="$LogoN"></div>
        <div style="border: 1px solid black;"><a>$protocol</a></div>
    </div>
</div>

Answer 2

好吧，找到方法了，我把整个框架换成了另一个（dompdf），这样更容易使用，也支持更新的CSS。

如何在 TCPDF 中将 img 和 a 元素相互放置？

How can I place img and a elements to each other in TCPDF?

html

css

php

tcpdf