为什么是出现在一个表头,但不是在一个div跨度之间的空间?

我想一个基于表格的布局转换为非表基础布局。 我现有的代码看起来像rougly:

<tr> <th> <span>Hello</span><span>World</span> </th> </tr>

而我基于div的布局看起来像

<div> <span>Hello</span><span>World</span> </div>

问题是表布局rougly像渲染

你好,世界

而DIV布局样

你好,世界

不幸的是,我不能重现,这就意味着,这种差异可能被埋在CSS规则很深。 该页面有一个大的代码库,我迄今还没有能够缩小的CSS规则。

在Chrome检查的行为似乎并没有改变或者如果我取消相关字体大小的所有样式。

什么CSS规则可能是造成这种差异?

分类:HTML 时间:2012-01-01 人气:0
本文关键词: HTML,CSS,布局
分享到:

相关文章

  • 如何改变这种表格布局CSS布局? 2012-01-13

    我创建了一个skinny ,有没有保证金,填充或边框CSS类: .skinny { margin:0 0 0 0; padding:0 0 0 0; border:0 0 0 0; } 我把它应用到包含图像也有一排skinny适用于它的类: <td width="33%" align="center" class="skinny"> <table width="400px" height="180p

  • 为什么CSS布局全尺寸和高度不使用绝对定位? 2012-01-25

    我期待实现CSS(只),所有使用的高度和固定第一列中的两栏布局. 我用Google搜索了很多,发现很多CSS布局,可以适应,但它们中的任何使用绝对位置. 我不明白为什么,因为它更容易界定什么去的地方,只是保持灵活的部分与利润,以避免它进入其他元素. 是否有一个具体的原因是什么? 东西是绝对不符合或者我丢失的东西? 感谢您的帮助! --------------解决方案------------- 首先,我敢肯定,你可以找到使用绝对定位的CSS布局. 有关浏览器支持历史的关注大多是 - 历史的. **

  • 使用100%的高度CSS布局 2012-02-06

    伙计们,我有我使用具有页眉,页脚和左侧边栏CSS布局. 它的伟大工程,但唯一的问题是,我想侧栏和页脚延伸到屏幕的底部,如果没有足够的内容来填充的主要内容. 我如何在CSS中这样做呢? 我已经发布了CSS在这里,所以你可以看到我正在使用: <style type="text/css"> body { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0; padding

  • 最佳CSS布局典型的电子商务网站 2012-02-08

    好吧,我可能会得到在这个问题上非常不同的意见,但在这里不用反正:这将是一个典型的电子商务网站的最佳CSS布局类型. 典型的如在标准的基于网格产品页面,页眉页脚等. --------------解决方案------------- 布局无限数量将完成这项工作,其无法肯定地说哪一个是"最好的". 但是,也有一些指导原则应该有所帮助: 使产品外观good.If你要去卖东西,你需要使它迅速显现,为什么你的产品是真棒. 一些著名的图像可以帮助这个很大. 不要让事情复杂得多,他们需要. 是简约! 没

  • 是什么使CSS布局与任意数量的列的最佳策略? 2012-02-23

    我想好方法,使CSS布局与任意数量的列. 我需要较少使用div和css与语义编码. 我需要固定宽度代码,为本网站和页脚始终应该是在底部. 我需要兼容所有主流浏览器包括IE 6和8,并有可能使不使用CSS黑客和IE条件注释 我试图matheew詹姆斯·泰勒的布局,但它也有一些额外的包装股利. 添加和删​​除任何列应尽可能在CSS和XHTML最小可能的变化. 布局1 Header horizontalmenu Left Col Main Col Right Col Footer 布局2 Header

  • 是否有商业的原因为争取纯CSS布局? 2012-03-15

    好像每次我试图创建它需要我比我会使用一个或两个表要不再是单纯的CSS布局. 获得三列,以符合不同的数据量相等的长度似乎需要特别花哨的黑客攻击,特别是在跨浏览器问题时. 我的问题: 谁是要伤害这几个表? 表似乎特别好对表格数据 - 他们为什么如此辱骂在这个时代? Google.com在其源代码表,所以做许多其他的网站(stackoverflow.com在路上没有做). --------------解决方案------------- 由于这是堆栈溢出** **,我给你我的程序员的回答 语义101 先

  • 如何修复CSS布局广泛的问题? 2012-04-03

    我有与987px默认宽度布局和排列中心,目前正在对网站的布局广泛的特点. CSS布局结构如下: <div id="BodyContainer"> <div class="headerouter"> <div class="outercontainer"> <uc:Header ID="header1" runat="server" /> </div>

  • 如何才能URL片段影响CSS布局? 2012-05-01

    比较这3个URL(看看在各种情况下的顶部导航栏): http://fast.kirkdesigns.co.uk/blog 同上,但与网址片段#navigation 同上,但与网址片段#节点2655 注意,唯一不同的是在端的URL片段. 前两页显示绝对没问题(在Firefox至少). 这是第三个问题的症结所在. 该片段#节点2655推顶部导航栏从屏幕的顶部. 当你然后滚动备份到页面的顶部,导航栏已被削减了一半. 使用任何网址片段,导致导航栏被淘汰的初始视口的第一次加载页面时,当发生这种情况. 那么

  • 对于HTML5 CSS布局和jQuery UI CSS重置选项 2012-05-03

    我使用默认的ASP.NET MVC 3.0 Html5的CSS布局(自带女巫工具更新)和我也使用jQuery UI的很多. 在所有现代浏览器都在寻找非常相似. 但是,当我开始看老版本的IE心里很不好受,网站布局刚刚打破了那里. 我有<ul>菜单inline-block ,但在旧也就是说,它是不支持,所以我找出一个固定IE7的问题显示:inline-block的: /* For IE 7 */ zoom: 1; *display: inline; 但它仍然需要在我的案件的一些工作,使其看起来像在

  • 问题的CSS布局自适应 2012-06-08

    我必须为CSS布局自适应相关的一个非常具体的问题. 我见过的例子在某些网站在这里说你有一个特定的分辨率显示一个3列布局(或说桌面)......现在,当屏幕尺寸减少了(说是移动设备),相同的布局现在显示为2列布局. 有哪些具体的CSS属性,这使得这一切成为可能的,什么是创造这样的自适应布局的最好方法? --------------解决方案------------- 该技术被称为响应式设计,并与媒体查询实现

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.207 (s). 10 q(s)