css新闻列表样式,新闻界面html

css样式中，怎么让新闻列表的时间总是在右边

html里

span此处时间/span

csss里

span{float:right;}

相关问答

Q1: CSS 如何控制新闻列表，让其每5行，自动回车。

用js增加距离即可···

祝你成功

如：

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

style

.main_box{ width:500px; height:500px; font-size:12px; color:#666;}

.tr,.tr2{ width:500px; height:23px;float:left; line-height:23px;}

.tr2{ margin-bottom:20px;}

/style

/head

body

div class="main_box" id="qqqq"

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

div class="tr"·如何控制新闻列表，让其每5行，自动回车。 您的回答能详细说明一下吗/div

/div

script type="text/javascript"

var aa=document.getElementById('qqqq').getElementsByTagName('div');

var bb=aa.length;

for( i=1; ibb; i++)

{

if(i%5==0)

{

document.getElementsByTagName('div')[i].className='tr2'

}

else{

document.getElementsByTagName('div')[i].className='tr'

}

}

/script

/body

/html

Q2: 新闻列表前面的小图标是怎么加上去的

这个一般通过样式解决，找到定义文章列表的css，然后加个小图标背景就行。

比如html是这样写的：li内容内容/li

css这样写：

li{

background: url("../images/xx.jpg") no-repeat left center;

padding-left:10px;

}