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

标签 html css

我需要创建 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/

相关文章:

html - 如何在 HTML img 标签中屏蔽图像?

jquery - 在鼠标悬停事件上切换图像的最佳方式是什么?

javascript - 如何使用 javascript/ajax 在 HTML 页面上使用 API GET 请求来检索数据?

php - HTML mySQL 表单不起作用

javascript - 如何防止在 Vue/Vuetify 应用程序中缩放 Leaflet map 大小

jquery - 使用ajax加载div内容的优点/缺点

jquery - 如何在动态列表中设置偶数和奇数子项的样式?

html - 链接不能完全点击

html - 为什么显示:inline cancel height?

css - 将关键帧添加到动画 div 的问题