我对 HTML 还很陌生,刚开始制作我的第一个网站。我只是想知道如何通过 HTML 而不是 CSS 移动文本,他们说一张图片值一千个字:
因此,我的目标是将“排版”文字放入第一个红色框中,将其余文字放入其下方的红色框中。
有没有办法只用 HTML 来做到这一点,或者我应该写一些时髦的 CSS 来处理这个问题吗?
最佳答案
是的,CSS 是必需的,因为每个主要浏览器中的默认样式都完全符合您的想象。如果元素是 inline-block
,它们将对齐前面的 img
、div
或其他元素的底部。 (从技术上讲,如果下一个元素更高,则前一个元素也将与下一个元素的底部对齐。所以实际上,如果所有较短的元素在一行中,则所有较短的元素都与最高元素的底部对齐。)将它们对齐到顶部,您必须将 vertical-align
属性设置为前面的 img
或 div
。
Here's a very simple example of this.
但是,如果不将您拥有的内容包装在 div
或其他元素中,您就无法让浏览器在第二个红色方 block 中添加更多文本(或任何其他内容)。
这里有一些 additional examples内联 block 元素如何在设置和不设置 vertical-align
的情况下彼此相邻。
其他样式调整,例如将 p
与 h1
分开,可以使用 CSS 的 margin
或 padding
规则。
关于html - 手动上移文本html,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25734340/