两个图像之间的文字？

D P. 发表于 Dev

D P.

我是html / CSS的新手，正在尝试在两个图像之间放置文本。使用以下代码，我能够做到这一点。但是，如果我需要输入大量文本，则格式会出现乱序，如图所示figure 1。你能告诉我如何使我的网站看起来像Figure 2吗？

<!DOCTYPE html>
<html>
<body>
  <div class="header">
    <img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle"/>
    <a href="http://www.w3schools.com" style="font-family:Georgia;color:black;font-size:17px;">The site provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL etc. W3schools presents thousands of code examples. By using the online editor provided, readers can edit the examples and execute the code experimentally.</a>
    <img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle"/>
  </div>
</body>
</html>

图1： 在此处输入图片说明

图2： 在此处输入图片说明

DJXiej

为了进行简单的修复，我将使用HTML表。单行3列表将起作用，并且仅align在<td>标签中使用和/或在<img>标签中使用图片大小。有很多可以使用的属性可以满足您的要求。查看http://www.w3schools.com/html/html_tables.asp

<!DOCTYPE html>
<html>


<body>
    <div class="header">
        <table>
            <tr>
                <td>
                    <img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle">
                </td>
                <td>
                    <a href="http://www.w3schools.com" style="font-family:Georgia;color:black;font-size:17px;">The site provides a reference manual covering any aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL etc. W3schools presents thousands of code examples. By using the online editor provided, readers can edit the examples and execute the code experimentally.
                    </a>
                </td>
                <td>
                    <img src="http://www.w3schools.com/browsers/pic_chart.jpg" style="vertical-align: middle">
                </td>
            <tr>
        </table>
    </div>

</body>
</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-02-4

我来说两句

0条评论

登录后参与评论

上一篇：如何在Matlab中获得给定矩阵和特征值的特征向量？

来自分类Dev

Related 相关文章

文章

两个图像之间的文字？

两个图像之间的文字？

将文字放在两个图像之间

在两个图像之间循环

获取两个图像之间的文本

两个图像之间的blockproc

在两个图像之间循环

两个标签之间的文字

如何删除两个图像之间的空白

两个图像之间的简单变形动画

在MATLAB中在两个图像之间绘制匹配点

在两个图像之间绘制和更新线

CV-提取两个图像之间的差异

获得两个图像之间的高斯模糊的西格玛

如何找到两个图像之间的相关性

删除图像中两个对象之间的连接

如何在两个图像之间添加填充

在情节提要中的两个场景之间传输图像

在两个图像之间绘制和更新线

在两个图像之间切换

html在两个调整大小的图像之间拟合文本

如何使用Opencv获得两个图像之间的异同

如何在两个图像之间切换

两个内联块元素之间的图像

如何建模两个图像之间的映射？（Python，OpenCV）

两个表之间的两个联接

在两个整页上打印两个图像

如何在两个文本之间放置背景图像

opencv 2-如何仅计算两个图像之间的平移和缩放？

使用Python“ imgdiff”库查找两个图像之间的差异百分比

两个二进制图像之间的相关性