html - 如何在html中链接图像和文本?

标签 html css

<分区>

我想将图像与文本链接起来,因此当我调整窗口大小时,文本将随图像一起移动。这是一个例子 google.de .正如您所看到的,在调整窗口大小时,谷歌 Logo 下方的文本会随着图像一起移动。

这是我尝试过的。

HTML

<div class="logo"><img src="here is my logo" width="350"></div>
<div class="textlogo">Here is the text</div>

CSS

.logo
{
    text-align:center;
}
.logo img
{
    position:relative;
}
.textlogo 
{
    position:absolute;
    top:25%;
    left:64%;
}

最佳答案

希望这会帮助你理解方法(没有火箭科学)

http://jsfiddle.net/MVYGd/1/

关于html - 如何在html中链接图像和文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12762146/

上一篇:Jquery动画背景

下一篇:html - 拆分按钮的jquery移动对齐

相关文章:

HTML/CSS 屏幕溢出问题

javascript - JQuerysiblings.data() 不返回正确的值

javascript - 使用 Rails 允许/替换逗号作为输入类型 ="number"的数字分隔符

javascript - Bootstrap 导航栏按钮不切换

html - CSS步动画摇动图像

javascript - 我的 html 表中不需要的额外行

javascript - jQuery 旋转函数 - 在图像点击时指定 20% 旋转?

html - 垂直居中文本 Bootstrap

javascript - 我们如何在不创建元素的情况下通过选择器从 css 中检索样式?

css - 使用 CSS 的流体宽度布局