Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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
Html 向右侧添加图像会将下表向右推_Html_Css_Image_Alignment - Fatal编程技术网

Html 向右侧添加图像会将下表向右推

Html 向右侧添加图像会将下表向右推,html,css,image,alignment,Html,Css,Image,Alignment,我有一些HTML代码。我添加了两个图像:一个左对齐,一个右对齐。然后它有两个标题和一个HTML表 问题是我使用了以下代码将图像添加到文档中 <img src="http://Path_To_Foler/Logo1.jpg" align="left" /> <img src="http://Path_To_Foler/Logo2.jpg" align="right" /> <p class="h1"><b>Private and

我有一些HTML代码。我添加了两个图像:一个左对齐,一个右对齐。然后它有两个标题和一个HTML表

问题是我使用了以下代码将图像添加到文档中

<img src="http://Path_To_Foler/Logo1.jpg" align="left" />       
<img src="http://Path_To_Foler/Logo2.jpg" align="right" />  

<p class="h1"><b>Private and Confidential</b> </p>
<p class="h1"><b>REPORT FOR Mr Person A BLA BLA</b> </p>

<table class="table" >
    <tr>
        <td class="CellHeader">Date </td>
        <td class="CellHeader">Time</td>
    </tr>
    <tr>
        <td class="cell"><AssessmentDateFrmMSPAPARR /></td>
        <td class="cell"><CurrentRcFrmMSPAPARR /></td>
    </tr>
</table>

保密

先生的报告

日期 时间
CSS

  <style>
    .CellHeader{
        width:50%;
        text-align:left;
        font-family: 'calibri';
        font-size: 11pt;
        color:#FFFFFF;
        background-color:#151515;
        border:1px solid black;
        border-collapse:collapse;
    }
    .cell{
        width:50%;
        text-align:left;
        font-family: 'calibri';
        font-size: 11pt;
        border:1px solid black;
        border-collapse:collapse;
    }

    .table{
        width:100%;
        border:1px solid black;
        border-collapse:collapse;
    }
    .h1{
        page-break-before: always;
        text-align: center;
        font-family: 'calibri';
        font-size: 12pt;
    }
 <style>

CellHeader先生{
宽度:50%;
文本对齐:左对齐;
字体系列:“calibri”;
字号:11pt;
颜色:#FFFFFF;
背景色:#151515;
边框:1px纯黑;
边界塌陷:塌陷;
}
.细胞{
宽度:50%;
文本对齐:左对齐;
字体系列:“calibri”;
字号:11pt;
边框:1px纯黑;
边界塌陷:塌陷;
}
.桌子{
宽度:100%;
边框:1px纯黑;
边界塌陷:塌陷;
}
.h1{
前分页符:始终;
文本对齐:居中;
字体系列:“calibri”;
字号:12号;
}
问题

一切都按预期进行得很好。当我添加第二个图像时,问题就开始了。添加第二个图像也会使表格向右对齐

当我从图像元素中取出
align:“right”
atribute时,表就在它应该在的位置,但是第二个图像被推到了右侧,这是可以理解的

如何解决此问题?

尝试将
align=“left”
替换为
style=“float:left”
align=“right”
替换为
style=“float:right”

然后,在CSS中的
表{}
中添加
清除:两个

尝试将
align=“left”
替换为
style=“float:left”
align=“right”
替换为
style=“float:right”


然后,在CSS中添加
clear:在
.table{}
中添加两个

你能帮我做一把小提琴吗?我刚刚做了,效果很好。你能帮我做一把小提琴吗?我刚做了,效果很好。非常感谢您的快速回复,并感谢所有试图为我的问题找到解决方案的人。这个解决方案非常有效:)。非常感谢您的快速回复,也感谢所有试图为我的问题找到解决方案的人。这个解决方案非常有效:)。