Question

css问题求助，如果让两个h3标签居中显示？

代码如下： <div id="tab"> <h3 class="up" id="two1" onmouseover="setContentTab('two',1,2)">菜单栏目一</h3> <div class="block" id="con_two_1"> <ul> <li><a class="tab_menu" href="#">[新闻热点]</a><a class="tab_title" href="#">点点妙：欢庆“十一”送祝福</a><span>2014-09-05</span></li> </ul> </div> <h3 id="two2" onmouseover="setContentTab('two',2,2)">菜单栏目二</h3> <div id="con_two_2"> <ul> <li><a class="tab_menu" href="#">[合作播报]</a><a class="tab_title" href="#">点点妙：欢庆“十一”送祝福</a><span>2014-09-05</span></li> </ul> </div> </div> <script type="text/javascript">function setContentTab(name, curr, n) { for (i = 1; i <= n; i++) { var menu = document.getElementById(name + i); var cont = document.getElementById("con_" + name + "_" + i); menu.className = i == curr ? "up" : ""; if (i == curr) { cont.style.display = "block"; } else { cont.style.display = "none"; } }}</script>
css错了 以这个为准 我的页面宽度是1000 我的h3标签宽度是250px





Answer 1

首先要在外面包一个大的DIV ，然后里面的2个小DIV 设置这样的样式 float:left; 其中left可以改成 right或者什么的 ，当然 打的DIV要清除里面的浮动，
我写个例子
<div id="da" style="width:300px; height:50px; overflow:hidden;">
<div id="xiao1" style="width:100px; height:50px; float:left; background:#f00;">
<div id="xiao2" style="width:100px; height:50px; float:left; background:#f60;">
</div>

Answer 2

<div id="tab"> <h3 class="up" id="two1" style="text-align:center" onmouseover="setContentTab('two',1,2)">菜单栏目一</h3>
<div class="block" id="con_two_1"> <ul> <li><a class="tab_menu" href="#">[新闻热点]</a><a class="tab_title" href="#">点点妙：欢庆“十一”送祝福</a><span>2014-09-05</span></li> </ul> </div> <h3 id="two2" onmouseover="setContentTab('two',2,2)" style="text-align:center" >菜单栏目二</h3> <div id="con_two_2"> <ul> <li><a class="tab_menu" href="#">[合作播报]</a><a class="tab_title" href="#">点点妙：欢庆“十一”送祝福</a><span>2014-09-05</span></li> </ul> </div> </div> <script type="text/javascript">function setContentTab(name, curr, n) { for (i = 1; i <= n; i++) { var menu = document.getElementById(name + i); var cont = document.getElementById("con_" + name + "_" + i); menu.className = i == curr ? "up" : ""; if (i == curr) { cont.style.display = "block"; } else { cont.style.display = "none"; } }}</script>