利用CSS代码实现一行两列的排版方法
利用CSS代码实现一行两列的排版方法
两列排列文章的问题，比如相关文章，最新文章等等。码如下:
html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&
xmlns=”http://www.w3.org/1999/xhtml”&
&meta http-equiv=”Content-Type” content=”text/
charset=gb2312&P /&
&title&DIV+CSS一行两列代码&/title&
&style type=”text/css”&
line-height: 18 text-align:
.list ul {
padding:0width:600
.list li {
padding:2px 0px 2px 10 width:290 display:
float:list-style:
&li&左列表信息&/li&
&li&右列表信息&/li&
这段代码非常实用，我觉得做站的人都应该留下来用。代码写的非常全面，分两部分。
line-height: 18 text-align:
.list ul {
padding:0width:600
.list li {
padding:2px 0px 2px 10 width:290 display:
float:list-style:
这部分是css代码，放在style.css里面。
&li&左列表信息&/li&
&li&右列表信息&/li&
这段代码就放在你需要的地方，比如我今天做的一个主题是做相关文章两排的，相关文章放在文章页的下面，当然这些代码就放在single.php里面相应的位置。
里面的文字&左列表信息和右列表信息替换成需要的代码，我需要的是相关文章，当然就替换相关文章代码。都做好以后，相关文章就可以两排显示了。非常简单。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。}