html - Noob - 将文本左右对齐图像

标签 html css image text alignment

<分区>

我是编码的新手,我已经学习了大约 2 周的代码,并且取得了不错的进步。我决定建立一个模拟网站来使用我所学的东西并且进展顺利,除了我似乎无法放置图像和文本并排显示在底部。

我是新手,所以我不太确定如何去提问或解释,哈哈抱歉......

我的图片在我的段落中...

p class="text"img class="image"src="#.jpg"/p(不得不删除标签,它没有显示)

我的文字在 CSS 中向右浮动,而我的图片向左浮动..

我尝试了很多东西,比如垂直对齐和不同的方法,但似乎没有任何效果,有没有人有任何想法?尖端? 谢谢

最佳答案

好的,将 p 标签移到底部,这样它就不会环绕图像。

<img src="">
<p class= "p">text here</p>

然后为您的段落类将页边距顶部更改为大约 25%。您可以在此处使用像素。我可能会使用以像素为单位的图像高度,以便文本始终与图像底部所需的位置对齐。

这有帮助吗?

关于html - Noob - 将文本左右对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48918086/

上一篇:html - 如何创建一个由 14 个 div 组成的网格,占据整个浏览器屏幕宽度,并使用 html、css(也许还有 bootstrap4)在组之间使用分隔线?

下一篇:css - 如果 'nowrap' 的 flexbox 容器溢出,为什么移动视口(viewport)尺寸会发生变化?

相关文章:

c# - EWS + 交换 2007 : Retrieve inline images

javascript - JQuery 验证按钮切换上的输入

php - 通过表单将 POST 数据传递到同一页面

javascript - div填充剩余高度

HTML 页面无法加载 CSS 文件,找不到资源错误

jquery - 奇怪的滚动行为

javascript - 如何对某些图像使用 setTimeout 函数?

javascript - 使用 Javascript 运行 php 脚本来检查用户名

html - CSS 文件在 Chrome 预览中不起作用,但在 Dreamweaver Live 中显示

javascript - Base64 SVG 图像