html css图像对齐

我有一个关于图像与CSS对齐的问题。例如，我创建了如下一个CSS类：html 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>

当我在浏览器中，我得到的文本图像，可检查。我希望我的意思是

这是一个链接的文本后（这是我想要的形象出现）

来源

2010-05-06 user334011

p标签不属于头部，但我猜这只是一个错误;） - 基布布和灵魔有正确的答案。 – 2010-05-06 01:50:03

尝试

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

来源

2010-05-06 01:38:19 kibibu

伟大的思想想象一样:)哈哈，你打败了我 – spirytus 2010-05-06 01:40:42

它不应该是位置不正确向右滚动？你也可以给链接文本一些填充以清除背景图片。

来源

2010-05-06 01:31:50

“位置”在[背景属性]（http://www.htmldog.com/reference/cssproperties/background/）中无效。 – 2010-05-06 01:47:44

它应该是背景位置或简写右上角。 – 2010-05-06 02:11:48

不知道我的理解对不对，但假设你想文本结束，你可以尝试这样的事情后立即显示图像：

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

希望它有助于:)

来源

2010-05-06 01:39:48 spirytus

html css图像对齐

回答

相关问题