Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/243.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何在TCPDF中将img和a元素相互放置?_Php_Html_Css_Tcpdf - Fatal编程技术网

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

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{

我在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>

.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。

谢谢你的回答。仍然不工作:/无法将其内联放置…-。-所以麦迪改变了我的答案。请重试:-)