html - 如何使此文本与我的图像一致?布局问题

标签 html css

在这个页面上,我需要让我的文字与我的图片保持一致。

http://neilson.webege.com/principals.html

无论我用不同的 div 类和其他想法尝试过什么,我都没有找到解决方案。

有什么想法吗?

最佳答案

对此有多种解决方案。

第一个:将两者都放在 div 中,并使用 vertical-align: top; 使这些 div 垂直对齐显示:内联框;

另一种解决方案是将它们放在同一个 div 中,并让文本 float: right

第三种,更老派的解决方案(除非所有其他方法都失败,否则不要使用这个,它不是为了这个目的并且被认为是不好的做法)是用一个 tr 和两个td 一个可以放照片,另一个可以放文字。

IMO 第二个将是您的最佳选择,因为它是最干净的解决方案。

关于html - 如何使此文本与我的图像一致?布局问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24687294/

相关文章:

html - 选择分配给特定列的

javascript - 当我的网页在后台时,如何防止计时器被 Chrome 限制?

asp.net - 如何将 html 表格放置在屏幕的最顶部?

css - 页面 didvision 与 css

css 从子域加载图像

html - 更改阴影的大小而不是实际的 png

javascript - 如果 <a> 元素有文本,则将类添加到 <tr>

html - CSS 浏览器兼容性问题 - <hr/>

javascript - 单击按钮时使用 JavaScript 清除多个文本框

javascript - Canvas :点击图像