html - 文本在 CSS 中与照片对齐

标签 html css image alignment

我想知道是否有某种方法可以使照片右侧的文本对齐,并在使用 HTML 和 CSS 结束图像后将文本保留在同一个“框中”。下面是我试图完成的快速“图表”:

------- --------
------- --------
-Image- - Text -
------- --------
------- --------
        --------
        --------

感谢您的帮助!

最佳答案

如果您在文本 div 上设置宽度并将图像和文本都向左浮动 (float:left),那么应该可以解决问题。在两者之后清除 float 。

<div style="float:left; width:200px">
    <img/>
</div>

<div style="float:left; width:200px">
    Text text text
</div>

<div style="clear:both"></div>

关于html - 文本在 CSS 中与照片对齐,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2439368/

相关文章:

java - 如何在 JPanel 中显示的矩形区域内的图像上写入文本

html - 如何使用 NSRegularExpression 在 iOS 上使用 Objective-C 将文本字符串中的十六进制 html 实体转换为十进制 html 实体?

打印时选择标记中的 CSS 隐藏下拉箭头

css - 从 svg 生成的 Webfont 看起来不一样

div 出现时的 CSS3 过渡

java - 背景图片会减慢 Android 应用程序的速度

java - 使用java将Ms word表格的单元格转换为图像

javascript - 将文本添加到圆环图 - ChartJS

javascript - 如何使用 AngularJS 观察 jQuery 修改的属性值的变化

javascript - 如何使用 JQuery 单击 anchor 以便 href 也被调用?