我需要创建 HTML 行,其中有一个文本(宽度可变)、一行(或一个小时)和一个图像。
文字长度可变,图片宽度固定。 我需要这样的东西:
变量文本--------------------------------图像
并且此行可能始终为 100% 宽度。
我尝试使用相同的 CSS,但没有结果。
我该怎么做?
谢谢
最佳答案
我之前通过使线条达到宽度的 100% 并 float 结束元素来完成此操作。使用 position
然后你可以把这条线放在另外两条线的后面。
将两个 float 元素的 background-color
设置为与父背景相同的颜色,这样它就不会显示它们后面的线,并且看起来像线正在扩展/收缩
这里有一个例子 https://jsfiddle.net/0sqL5bc9/2/
关于html - 右侧带有线条和图像的文本的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42979416/