html - 手动上移文本html

标签 html css formatting

我对 HTML 还很陌生,刚开始制作我的第一个网站。我只是想知道如何通过 HTML 而不是 CSS 移动文本,他们说一张图片值一千个字:

http://s28.postimg.org/8jvt54zy5/Screen_Shot_2014_09_08_at_3_45_31_PM.png

因此,我的目标是将“排版”文字放入第一个红色框中,将其余文字放入其下方的红色框中。

有没有办法只用 HTML 来做到这一点,或者我应该写一些时髦的 CSS 来处理这个问题吗?

最佳答案

是的,CSS 是必需的,因为每个主要浏览器中的默认样式都完全符合您的想象。如果元素是 inline-block,它们将对齐前面的 imgdiv 或其他元素的底部。 (从技术上讲,如果下一个元素更高,则前一个元素也将与下一个元素的底部对齐。所以实际上,如果所有较短的元素在一行中,则所有较短的元素都与最高元素的底部对齐。)将它们对齐到顶部,您必须将 vertical-align 属性设置为前面的 imgdiv

Here's a very simple example of this.

但是,如果不将您拥有的内容包装在 div 或其他元素中,您就无法让浏览器在第二个红色方 block 中添加更多文本(或任何其他内容)。

Thus we do this.

这里有一些 additional examples内联 block 元素如何在设置和不设置 vertical-align 的情况下彼此相邻。

其他样式调整,例如将 ph1 分开,可以使用 CSS 的 marginpadding规则。

关于html - 手动上移文本html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25734340/

相关文章:

javascript - 你能在使用 html5 的同时公开地将 javascript 与 html 混合吗?

html - 让主栏包裹一个漂浮在侧栏中的超大元素?

javascript - 如何将文档内容动态加载到 iframe 中?

javascript - 背景视频可以在 Firefox 上运行,但不能在 Chrome 上运行

c# - 需要格式化 html 的工具(缩进,添加空格)

html - 如何让这张响应式卡片变得更大?

php - 为什么在这段代码中,html页面中的图片和文字也显示在弹出窗口中?[ PHTML ]

javascript - 更改图像源和不透明度 jquery 问题

c - 是否有 "null"printf 代码不打印任何内容,用于跳过参数?

Python 在打印时对列表进行换行/格式化