Question

图像没有对齐，图像标签附近应该出现但是它无法正常工作

<style>
    label{
         color:red;
         font-family: "Times New Roman";
         font-size: 25px;
    }
    label.desc{
         color:blue;
         font-family: "Times New Roman";
         font-size: 12px;
          position: relative;
         left: -20px;

    }
    img{
        float:left;
        width:300;
        height:300;

    }
</style>

Answer 1

将每个图像和相应的标签放在div中：

<div id="a">
    <image src="http://upload.wikimedia.org/wikipedia/commons/3/38/Heart.gif"/>
    <label>1<label>
    <label>2<label>
    <label>3<label>
</div>

并给出div宽度：

#a{
    width: 260px;
}

Answer 2

确保文件扩展名为.css而不是.txt

您可能正在隐藏文件扩展名。查看http://windows.microsoft.com/en-us/windows/show-hide-file-name-extensions#show-hide-file-name-extensions=windows-7

然后把它：

<link href="style.css" rel="stylesheet" type="text/css" />

之间的

<head></head>

HTML文件中的

标签用于调用样式表。

确保使用您为新样式表命名的任何内容重命名“style.css”。

即使使用style1后，image align也无法正常工作

2 个答案: