javascript - 保持图像静止,这是相对于附近文本的位置

标签 javascript jquery html css

在屏幕的正中间,我有一段文字和一张图片。当文本变长时,图像被迫向右移动,这是它应该做的。但我想让它做的是,将图像保持在同一个位置,并将文本移到左侧。

(我还将添加更多名称,因此我需要此修复程序是通用的,而不是像为每段文本手动更改它那样。)

(可能很难看到,但很明显,是的,我正在使用模板...)

Image one

Image two

My site - Updated link

我尝试弄乱 HTML 以在页面完全加载后获得 margin-right,然后当它更新文本时将 margin-right 更改为该值,但它什么也没做。

感谢任何帮助,我不知道如何解决这个问题。

最佳答案

这个呢?

#banner .content {
        display: inline-block;
        margin-right: 1%;
        max-width: 95%;
        padding: 6em;
        position: relative;
        text-align: right;
        vertical-align: middle;
        z-index: 1;
        float: left;
        width: 66%;
}

关于javascript - 保持图像静止,这是相对于附近文本的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39321721/

相关文章:

javascript - 如何解析[object对象]

javascript - JQuery 添加(数学)输入值

jquery - 让div动态填充剩余空间

javascript - 从行中的复选框获取表值

javascript - 将 Javascript 代码转换/转义为字符串以放置在 HTML 页面上

html - 页面打印后字段周围的边框不可见

javascript - jQuery AutoComplete 在第一次使用后显示在元素后面

javascript - 处理 Orchestrate.io 查询的最佳模式

javascript - 无法让 jQuery 隐藏工作

javascript - 如何在 JPlayer 的 Javascript onClick 事件中使用动态元素 ID