代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>标签示例</title>
<style type="text/css">
<!--
body { font-size:14px; font-family:"宋体"}
ol li { margin:8px}
#con { font-size:12px; width:600px; margin:0 auto}
#tags { height:23px; width:400px; margin:0; padding:0; margin-left:10px}
#tags li { float:left; margin-right:1px; background:url(http://www.happyshow.org/sample/20061108/images/tagleft.gif) no-repeat left bottom; height:23px; list-style-type:none}
#tags li a { text-decoration:none; float:left; background:url(http://www.happyshow.org/sample/20061108/images/tagright.gif) no-repeat right bottom; height:23px; padding:0px 10px; line-height:23px; color:#999}
#tags li.emptyTag { width:4px; background:none}
#tags li.selectTag { background-position: left top; position:relative; height:25px; margin-bottom:-2px}
#tags li.selectTag a { background-position: right top; color:#000; height:25px; line-height:25px;}
#tagContent { padding:1px; background-color:#fff; border:1px solid #aecbd4;width:100%;}
.tagContent { background:url(bg.gif) repeat-x; height:350px; padding:10px; color:#474747; width:576px; display:none}
#tagContent div.selectTag{ display:block}
.tagFrame{
background:url(bg.gif) repeat-x;
}
-->
</style>
</head>
<body>
<div id="con">
<ul id="tags">
<li class="selectTag" id="tab1"><a href="#" >基本信息</a></li>
<li id="tab2"><a href="#">库存信息111111</a></li>
<li id="tab3"><a href="#" >采购信息</a></li>
<li id="tab4"><a href="#">销售信息</a></li>
</ul>
</div>
</body>
</html>
--------------------------------------------------------------------
以上代码直接在IE下浏览,标题栏显示没有问题,但在dreamweaver下,进入设计状态,发现有错位情况,请问如何修改CSS,才能让标题栏显示在一行,现在是基本信息四个字就显示了四行,望前辈们指点一下,谢谢.
分享到：
相关推荐
下面我们将深入探讨CSS代码生成器及其相关知识点。 首先，CSS代码生成器允许用户通过直观的界面来设计网页的外观，而无需手动编写复杂的CSS语法。用户可以通过调整各种视觉元素，如颜色、字体、布局等，来预览网页...
【CSS代码生成器】是一种非常实用的工具，它旨在简化CSS（Cascading Style Sheets）的编写过程，尤其对那些经常处理CSS的开发者而言，它能显著提高工作效率。这款工具通常具备用户友好的界面和丰富的功能，使得创建...
七夕情人节html代码html+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css代码.ziphtml+js+css...
css代码初级代码，很适合初学者学习，建议可以详细看一下
【CSS代码生成器】是一种工具，它极大地简化了前端开发者的工作流程，特别是在处理大量样式或者需要规范化CSS代码的时候。这个工具允许用户通过图形界面或预设选项来自动生成所需的CSS代码，无需手动编写每一行代码...
CSS规范常见问题的解决方法
css代码下载
学习head first html与css时书上练习的html与css代码 学习head first html与css时书上练习的html与css代码 学习head first html与css时书上练习的html与css代码 学习head first html与css时书上练习的html与css代码 ...
CSS压缩与CSS代码压缩还原是一种常见的前端优化技术，旨在减少CSS文件的大小，进而提高网页加载速度和降低服务器流量消耗。以下将详细解释CSS压缩的原因、压缩方法、压缩工具以及如何进行代码还原。 一、CSS代码...
css3 旋转
HTML／CSS代码开发规范文档
CSS代码生成器(v1.0)
学习html和css的代码学习html和css的代码学习html和css的代码 学习html和css的代码学习html和css的代码学习html和css的代码 学习html和css的代码学习html和css的代码学习html和css的代码 学习html和css的代码学习...
1. **自动缩进**：自动调整CSS代码中的选择器、属性和值，使其以一致的缩进对齐，使代码看起来整洁有序。 2. **行距调整**：将过长的代码行自动换行，确保每一行都在合理的长度范围内，便于阅读。 3. **注释处理**...
我们用pycharm写CSS的时候，是不是苦于没有提示，那么pycharm中如何显示CSS提示呢？下面小编给大家分享一下。 首先点击左上角的file菜单，选择Setting 接着选择Editor下面的Inspections选项，如下图所示 然后在...
连续字符的CSS换行代码.rar连续字符的CSS换行代码.rar连续字符的CSS换行代码.rar连续字符的CSS换行代码.rar连续字符的CSS换行代码.rar连续字符的CSS换行代码.rar连续字符的CSS换行代码.rar连续字符的CSS换行代码.rar...
HTML、CSS代码实现的发票样式的模板
对于更高级的学习者，可以探索如何使用CSS预处理器（如Sass或Less）来提高代码的可维护性和效率，或者研究如何利用JavaScript和jQuery实现交互效果，如点击事件、滑动动画和表单验证。同时，了解Web标准和最佳实践，...
旺铺2012装修导航栏CSS代码 旺铺2012装修导航栏CSS代码 旺铺2012装修导航栏CSS代码