下面的代码,当我在HTML编辑器上查看并在Web浏览器中预览时,两个图像都位于左侧,彼此位于顶部。我想在文本的右边放一幅图像,在左边放一幅图像。帮助我们改善服务中心社区的方式。我将如何实现?
即 “ IMAGE1”帮助我们改善“ IMAGE2”社区的服务方式
<div class="survey-title">
<table>
<tbody>
<tr align="right">
<td style="width: 40px !important;">
<div id="uploadImage">
<img style="display: inline;" id="imgPreview" src="data:image/jpeg;base64,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"
alt="Logo1" title="Logo1">
</div>
</td>
</tr>
<tr align="right">
<td style="width: 40px !important;">
<div id="uploadImage">
<span style="float:left;"></span>
<img style="display: inline;" id="imgPreview" src="data:image/jpeg;base64,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"
alt="Logo2" title="Logo2">
<td>
<div type="text" id="survey-name" class="survey-name survey-headers survey-name-image" placeholder="Untitled Survey" disabled="true" title="Help us improve how we serve the best community" aria-label="Help us improve how we serve the community">Help us improve how we serve the community</div>
</td>
</tr>
</tbody>
</table>
</div>
答案 0 :(得分:0)
您必须在单个tds
中使用3个tr
。
就像这个例子:
<div class="survey-title">
<table>
<tbody>
<tr>
<td>
<div id="uploadImage">
<img id="imgPreview" src="data:image/jpeg;base64,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"
alt="Logo1" title="Logo1">
</div>
</td>
<td>
<div type="text" id="survey-name" class="survey-name survey-headers survey-name-image" placeholder="Untitled Survey" disabled="true" title="Help us improve how we serve the best community" aria-label="Help us improve how we serve the community">Help us improve how we serve the community</div>
</td>
<td>
<div id="uploadImage">
<img style="display: inline;" id="imgPreview" src="data:image/jpeg;base64,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"
alt="Logo2" title="Logo2">
<td>
</tr>
</tbody>
</table>
</div>
答案 1 :(得分:0)
正如上面的建议一样,除非开发电子邮件模板,否则不应将表格用于表格。但是,可以通过使用一个表格行并按所需的顺序排列表格单元来实现:
<div class="survey-title">
<table>
<tbody>
<tr align="right">
<td style="width: 40px !important;">
<div id="uploadImage">
<span style="float:left;"></span>
<img style="display: inline;" id="imgPreview" src="data:image/jpeg;base64,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"
alt="Logo2" title="Logo2">
<td>
<div type="text" id="survey-name" class="survey-name survey-headers survey-name-image" placeholder="Untitled Survey" disabled="true" title="Help us improve how we serve the best community" aria-label="Help us improve how we serve the community">Help us improve how we serve the community</div>
</td>
<td style="width: 40px !important;">
<div id="uploadImage">
<img style="display: inline;" id="imgPreview" src="data:image/jpeg;base64,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"
alt="Logo1" title="Logo1">
</div>
</td>
</tr>
</tbody>
</table>
</div>
答案 2 :(得分:0)
使用表格
表按行tr
进行组织,并且在表的内部有单元格td
,为使您具有所需的对齐方式,只需将项目按正确的顺序放入行内;在这种情况下,它们将是Image1
-Text
-Image2
,每一个都将放在同一td
元素内的tr
元素中。
但是,除非您要创建电子邮件模板,否则我不建议您使用表格来创建布局。
<div class="survey-title">
<table>
<tbody>
<!-- Single tr element -->
<tr>
<!-- Image1 td element -->
<td style="width: 40px !important;">
<div id="uploadImage">
<img id="imgPreview" src="data:image/jpeg;base64,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"
alt="Logo1" title="Logo1">
</div>
</td>
<!-- Text td element -->
<td>
<div type="text" id="survey-name" class="survey-name survey-headers survey-name-image" placeholder="Untitled Survey" disabled="true" title="Help us improve how we serve the best community" aria-label="Help us improve how we serve the community">Help us improve how we serve the community</div>
</td>
<!-- Image2 td element -->
<td style="width: 40px !important;">
<div id="uploadImage">
<img id="imgPreview" src="data:image/jpeg;base64,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"
alt="Logo2" title="Logo2">
</div>
</tr>
</tbody>
</table>
</div>
使用Flexbox
我建议使用flexbox在不需要表格的单行中对齐项目。
.container{
display: flex;
justify-content: center;
align-items: center;
}
<div class="container">
<img src="data:image/jpeg;base64,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"
/>
<div>
Help us improve how we serve the community
</div>
<img src="data:image/jpeg;base64,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"
/>
</div>