CSS使分页链接200像素右边的浏览器边距

下面的分页代码很好地显示。但是，它始终左对齐浏览器的边缘。CSS使分页链接200像素右边的浏览器边距

如何将它向右移动200个像素？

的HTML：

echo " <div class='pages'><a href='http://www.domain.com/index.php?currentpage=1' class='links'><<</a></div> "; 

echo " <div class='pages'><a href='http://www.domain.com/index.php?currentpage=$prevpage' class='links'><</a></div> "; 

echo " <div class='pages'>[<b>$x</b>] </div>"; 

echo " <div class='pages'><a href='http://www.domain.com/index.php?currentpage=$x' class='links'>$x</a></div> "; 

echo " <div class='pages'><a href='http://www.domain.com/index.php?currentpage=$nextpage' class='links'>></a></div> ";

的CSS：

.pages 
     { 
     color: #000000; 
     overflow: hidden; 
     display: block; 
     float: left; 
     margin: 4px; 
     margin-top: 1600px; 
     margin-bottom:0px; 
     margin-left: 10px; 
     padding-bottom: 0px; 
     font-family: Georgia, "Times New Roman", Times, serif; 
     font-size: 24px; 
     } 


a.links:link { 
    color: #004284; text-decoration: none; 
    text-align:center; 
    margin-left:8px; 
    margin-bottom:0px; 
    padding:2px; 
    font-family: Georgia, "Times New Roman", Times, serif; 
    font-size: 24px; 
    } 

a.links:visited { 
    color: #004284; text-decoration: none; 
    text-align:center; 
    margin-left:8px; 
    margin-bottom:0px; 
    padding:2px; 
    font-family:Georgia, "Times New Roman", Times, serif; 
    font-size: 24px; 
    } 

a.links:active { 
    color: #004284; text-decoration: none; 
    text-align:center; 
    margin-left:8px; 
    margin-bottom:0px; 
    padding:2px; 
    font-family:Georgia, "Times New Roman", Times, serif; 
    font-size: 24px; 
    } 

a.links:hover { 
    color: #FFFFFF; text-decoration: none; 
    background-color: #004284; 
    text-align:center; 
    margin-left:8px; 
    margin-bottom:0px; 
    padding:2px; 
    font-family:Georgia, "Times New Roman", Times, serif; 
    font-size: 24px; 
    }

来源

2011-11-29 John

，或者你可以简单地把它包装成外部<div>，然后你就可以控制所有在一起：

<div id="wrap"> 
<div class='pages'><a href='http://www.domain.com/index.php?currentpage=1' class='links'><<</a></div> 
<div class='pages'><a href='http://www.domain.com/index.php?currentpage=1' class='links'><<</a></div> 
.... 
</div>

然后只是CSS它：

#wrap { 
margin-left: 200px; 
}

来源

2011-11-29 12:12:57 Elen

你需要给它一些margin-left像这样：

.pages { 
    /*your code here...*/ 
    margin-left: 200px; 
}

来源

2011-11-29 12:11:55 peduarte

一大堆方法。最简单的（IMO）是创建一个新的类，并把它应用到你的第一个分页div：

.pagesfirst{margin-left:210px}

则该类添加到您的第一divecho：

echo "&#60;div class='pages pagesfirst'&#62;&#60;a href='http://www.domain.com/index.php?currentpage=1' class='links'&#62;<<&#60;/a&#62;&#60;/div&#62; ";

来源

2011-11-29 12:12:29 albert

CSS使分页链接200像素右边的浏览器边距

回答

相关问题