HTML – 如何让我的标签使用CSS正确排列?

HTML – 如何让我的标签使用CSS正确排列?,第1张

概述对某人来说这应该是一件容易的事情.我正在用CSS创建标签(请,我不需要如何使它们看起来更好的建议,这是我的客户想要的).正如您在下图中看到的那样,我的标签和我的“标签栏”没有对齐.我不知道为什么. HTML: <html> <head> <link rel="stylesheet" href="prototype.css" type="text/css" /> </ 对某人来说这应该是一件容易的事情.我正在用CSS创建标签(请,我不需要如何使它们看起来更好的建议,这是我的客户想要的).正如您在下图中看到的那样,我的标签和我的“标签栏”没有对齐.我不知道为什么.

HTML:

<HTML>    <head>        <link rel="stylesheet" href="prototype.CSS" type="text/CSS" />    </head>    <body>        <div ID="container">            <div ID="content">                <div ID="tabs">                    <span ID="tab0" >                        No Circuit                    </span>                    <span ID="tab1" >                        Digital inputs                    </span>                </div>            </div>        </div>    </body><HTML>

CSS:

#container {    margin-left: auto;    margin-right: auto;    margin-top: 15px;    position: float;    wIDth: 900px;}#content {    border: 1px solID black;    margin-top: 15px;    padding: 15px;    position: relative;    wIDth: 868px;}#tabs {    border-top: 1px solID black;    wIDth: 100%;}.tab {    border: 1px solID black;    margin-left: 5px;    margin-top: 2px;    padding: 3px;}

我感谢任何帮助.

解决方法 尝试: http://jsfiddle.net/dYz9k/1/

.tab {    border: 1px solID black;    border-top: 0;    margin-left: 5px;    padding: 3px;    display: inline-block}

我设置了display:inline-block,并删除了margin-top和border-top.

display:inline-block允许填充按预期工作.

总结

以上是内存溢出为你收集整理的HTML – 如何让我的标签使用CSS正确排列?全部内容,希望文章能够帮你解决HTML – 如何让我的标签使用CSS正确排列?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:http://outofmemory.cn/web/1047971.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-25
下一篇2022-05-25

随机推荐

  • 劳里埃大学费用

      立思辰留学360介绍加拿大劳瑞尔大学(Wilfrid Laurier University)——百年名校 ,简称WLU。建校于1911年,是加拿大著名的公立大学,位于安大略省滑铁卢市,驱车1小时就

  • 萨卡辛大学申请条件是什么

    萨卡辛大学立思辰留学360介绍,学院设立于1968年10月1日,这一师范学院是宋卡学术教育技术大学教育的发展成果。后来在1974年6月29日,该学院升格成为纳卡林威洛大学。于1996年改为萨卡辛大学,

    2022-07-05
    000
  • 贝尔法斯特女王大学金融强

    所在院校:英国贝尔法斯特女王大学学 制:1学年专业领域:商科与管理学学 费:9889英镑学年课程层次:硕士学位课程(授课类)入学日

    2022-07-05
    300
  • 2017年新加坡MDIS申请要求

    新加坡管理发展学院是新加坡创办最早、为终身学习而设的非赢利专业学府。学院成立于1956年,半个世纪的丰富教学经验使其成为新加坡最具声誉和实力的教育机构之一。由中国驻新加坡大使馆认证并且学历受到承认。同

  • 美国西南大学入学条件有哪些

    西南大学是美国德克萨斯州乔治敦的一所四年制的本科文科学院。该校成立于1840年,是西南地区得克萨斯州最古老的大学之一。作为第一所德克萨斯州的高等学府,西南大学有丰富的历史,和得克萨斯州先锋的创业精神。

    2022-07-05
    000
  • 美国瓦尔帕莱索大学费用

    瓦尔帕莱索大学位于美国的印第安纳州,是一所四年制的综合性私立大学。距离美国第三大城市芝加哥(Chicago)市中心不到1小时车程,所在位置为著名的大学城。该校成立于1859年,拥有150多年悠久历史,

  • 卡普顿大学毕业率多少

      据立思辰留学360介绍卡普顿大学毕业率国内评比- 2006年加拿大公立大学毕业生满意度评比,全面教育经验全国;- 2006年加拿大公立大学毕业生满意度评比,教学质量全国;- 2007年加

    2022-07-05
    400
  • 北极光学院概况

       立思辰留学360介绍在风光如画的加拿大英属哥伦比亚省北部,一座安全而充满人情味的小城市中,从温哥华到NLC,乘搭飞机只需1.5小时即可到达。北极光学院就在此处设置了五所现代化校园以及三个学

    2022-07-05
    300
  • 圭尔夫大学优势有哪些

      学校简介立思辰留学360介绍,建立于1964年,由三所主要学院合并而成,分别是麦当劳学院(Macdonald Institute),安省农业学院(OAC)和安省兽医学院。圭尔夫大学开设了以下本科和

    2022-07-05
    100

发表评论

登录后才能评论

评论列表(0条)

    保存