【问题标题】:Noob - Aligning text left and right of image [duplicate]Noob - 对齐图像的左右文本[重复]
【发布时间】:2018-08-01 18:04:06
【问题描述】:

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

我是新手,所以我不完全确定如何询问或解释大声笑对不起..

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

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

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

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

【问题讨论】:

    标签: html css image text alignment


    【解决方案1】:

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

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

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

    这有帮助吗?

    【讨论】:

    • 感谢您的建议。我刚刚尝试了这种方法,但不幸的是,文本仍然位于图像对面的顶部......我不确定为什么似乎没有任何效果
    • 你能分享你的html和css吗?
    • 当你说你想要底部的文字时,你只是想让文字环绕图像吗?尝试先放置图像,然后再将文本放入 HTML。然后将 float left 属性分配给图像类。
    • 不,虽然我确实不小心对另一个段落和图像这样做了,它看起来很不错哈哈,这里是 html 和 css..jsfiddle.net/dj6bvrh3/5 文本在哪里,我想要它在底部跨度>
    • 只需将 margin-top 更改为 25% 或图像的高度(以像素 (px) 为单位)。我在上面编辑了我的答案以显示这一点。
    猜你喜欢
    • 1970-01-01
    • 2020-01-03
    • 1970-01-01
    • 2012-02-24
    • 1970-01-01
    • 2012-10-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多