Javascript html css图像对齐_Javascript_Html_Css

Javascript html css图像对齐

javascript html css

Javascript html css图像对齐,javascript,html,css,Javascript,Html,Css,我有一个关于CSS图像对齐的问题。例如，我创建了一个css类，如下所示： .link { background: url("images/image1.gif") scroll right; } 下面是标记 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta

我有一个关于CSS图像对齐的问题。例如，我创建了一个css类，如下所示：

.link {
 background: url("images/image1.gif") scroll right;
}

下面是标记

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Untitled Document</title>
        <p class="link">This is a link</p>
    </head>
    <body>
    </body>
</html>


无标题文件
这是一个链接

当我签入浏览器时，我会在文本上看到图像。我想在课文之后写我的意思是

这是一个链接（这是我希望图像出现的地方）

是否应该是位置正确而不是向右滚动？您还可以给链接文本一些填充以清除背景图片

试试看

.link {
  background: url("images/image1.gif") top right no-repeat;
  padding-right: 32px; /* or the width of your image */
}

不确定我是否理解正确，但假设您试图在文本结束后立即显示图像，您可能会尝试类似的操作：

.link {
       background: url("images/image1.gif") scroll right;
       padding-right: 20px; /* adjust to fit nicely with your design */
}

希望有帮助：）

“位置”在中无效。它应该是背景位置或右上角的速记。p标记不属于标题部分，但我猜这只是一个错误；）--kibibu和spirytus有正确的答案。