Php 如何在TCPDF中将img和a元素相互放置?
我在TCPDF中发现了一个新问题(对我来说是新问题),即我不能将元素相邻放置。我尝试过很多解决方案,但最终都是零。似乎TCPDF不支持从所有css属性进行转换。希望你能帮忙;) 我尝试过的代码:Php 如何在TCPDF中将img和a元素相互放置?,php,html,css,tcpdf,Php,Html,Css,Tcpdf,我在TCPDF中发现了一个新问题(对我来说是新问题),即我不能将元素相邻放置。我尝试过很多解决方案,但最终都是零。似乎TCPDF不支持从所有css属性进行转换。希望你能帮忙;) 我尝试过的代码: <style> .protHeader{ position: relative; border: 2px solid black; display: table; height: 250px !important; } .protHeader div{
<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>
.protHeader{
位置:相对位置;
边框:2件纯黑;
显示:表格;
高度:250px!重要;
}
{
宽度:100%;
}
.PROTOHEADER div img{
位置:相对位置;
显示:内联块;
浮动:左;
高度:100px;
溢出:隐藏;
}
.a组{
位置:相对位置;
显示:内联块;
文本对齐:右对齐;
水平对齐:右;
溢出:隐藏;
浮动:对;
字体大小:粗体;
字体大小:50px;
宽度:40%!重要;
}
以及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>
$protocol
提前感谢您的回答 也许这就是你的问题: 您正在添加以下内容:
.protHeader div{
width: 100%;
}
这意味着,类.proteHeader
中的每个
都有100%的宽度
编辑:(我更改css的最后一部分,并将内联块div涂成红色,以便查看它们是否应该彼此相邻)
尝试删除此行或将样式更改为:
.protHeader{
位置:相对位置;
边框:2件纯黑;
显示:表格;
高度:250px!重要;
}
.proteHeader.fl_左{
宽度:100%;
}
.PROTOHEADER div img{
位置:相对位置;
显示:内联块;
浮动:左;
高度:100px;
溢出:隐藏;
}
.a组{
位置:相对位置;
显示:内联块;
文本对齐:右对齐;
溢出:隐藏;
浮动:对;
字体大小:粗体;
字体大小:50px;
宽度:40%!重要;
}
.PROTORSHEADER.fl_左分区{
背景色:红色;
显示:内联块;
}
$protocol
好的,找到了一个方法,我把整个框架改成了另一个(dompdf),它更容易使用,也支持更新的CSS。谢谢你的回答。仍然不工作:/无法将其内联放置…-。-所以麦迪改变了我的答案。请重试:-)