在线客服
您当前的位置:首页»新闻中心»网站建设»怎样通过css设置同一行左右分别插入不同内容

怎样通过css设置同一行左右分别插入不同内容

2013/12/23 15:09:21我要评论(0)
字号:T|T

首先设置整体行的<div>然后在其下面插入以下

<div style="float:left;">左内容</div><div style="float:right;">右内容</div>
当然在写完上述内容后还要插入整体行的</div>结束语句。

例:

<div class="TopInfo1">
<div style="float:left;">欢迎来到德力电梯,今天是 <span id="servertime"></span><script type="text/javascript">
function showLocale(objD)
{
var str,colorhead,colorfoot;
var yy = objD.getYear();
if(yy<1900) yy = yy+1900;
var MM = objD.getMonth()+1;
if(MM<10) MM = '0' + MM;
var dd = objD.getDate();
if(dd<10) dd = '0' + dd;
var ww = objD.getDay();
if  (ww==0)  ww="星期日";
if  (ww==1)  ww="星期一";
if  (ww==2)  ww="星期二";
if  (ww==3)  ww="星期三";
if  (ww==4)  ww="星期四";
if  (ww==5)  ww="星期五";
if  (ww==6)  ww="星期六";
str =yy + "年" + MM + "月" + dd + "日" + " " + ww
return(str);
}
function tick()
{
var today;
today = new Date();
document.getElementById("servertime").innerHTML = showLocale(today);
window.setTimeout("tick()", 1000);
}
tick();
</script></div><div style="float:right;"><a href="/index.html">网站首页</A>    |  <a href="/member/reg.asp">注册会员</a>  |  <a href="/member/login.asp" title="会员登录">会员登录</a>  |  <a href="/about/about-113.html">联系我们</a></div></div></div>
评论(已有0条评论)
请登录后文明发言,并遵守相关规定.
评论内容: