gpt4 book ai didi

html - 右侧带有线条和图像的文本的 CSS

转载 作者:行者123 更新时间:2023-11-28 04:05:40 24 4
gpt4 key购买 nike

我需要创建 HTML 行,其中有一个文本(宽度可变)、一行(或一个小时)和一个图像。

文字长度可变,图片宽度固定。我需要这样的东西:

变量文本--------------------------------图像

并且此行可能始终为 100% 宽度。

我尝试使用相同的 CSS,但没有结果。

我该怎么做?

谢谢

最佳答案

我之前通过使线条达到宽度的 100% 并 float 结束元素来完成此操作。使用 position 然后你可以把这条线放在另外两条线的后面。

将两个 float 元素的 background-color 设置为与父背景相同的颜色,这样它就不会显示它们后面的线,并且看起来像线正在扩展/收缩

enter image description here

这里有一个例子 https://jsfiddle.net/0sqL5bc9/2/

关于html - 右侧带有线条和图像的文本的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42979416/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com