[CSS]inline型标签的width属性height属性line-height属性不起作用

owen1759 2008-01-19 04:58:54

<!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">

<body style="font-size:12px;">

  为什么会出现这样情况？在不改动!DOCTYPE声明的情况下应该如何解决？<br /><br />

  <span style="width:300px;height:100px;border:1px solid green;padding:5px;">

    span的width和height属性失效，上边框消失

  </span><br /><br />

  <label style="width:300px;height:100px;border:1px solid green;padding:5px;">

    label的width和height属性失效

  </label><br /><br />

  <div style="width:300px;height:100px;border:1px solid green;padding:5px;display:inline;">

    加入display:inline后width和height属性失效

  </div><br /><br />

  <div style="width:300px;height:100px;border:1px solid green;padding:5px;">

    与上面一条对比

  </div><br /><br />

  <div style="width:300px;border:1px solid green;padding:5px;line-height:50px;">

    div的line-height只对文字起到了作用，却对input没有起到作用

    div的line-height只对文字起到了作用，却对input没有起到作用<br />

    <input type="text" /><input type="text" /><input type="text" />

  </div><br /><br />

  现在请把代码最顶上一行去掉再对比一下效果

</body>

</html>

...全文

536 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

wwwbird456 2012-07-11

打赏
举报

回复

看不到

owen1759 2008-01-19

打赏
举报

回复

问题点数：20 回复次数：1 阅读次数：2
呵呵,你这13个字母就值20分了,OK,立即结帖

junp2007 2008-01-19

打赏
举报

回复

display:block

一、line-height的定义 line-height属性设置行间的距离（行高），不允许使用负值。指文本行基线间的垂直距离。 1、基线一个文半行一共有四条线，从上到下依次是顶线、中线、基线、底线；在英文中，基线为小写x字母下边缘所在的那条线。如图所示。注意：基线的位置与字体有关，不同字体基线的位置有偏差。 2、行高控制行间距在多行文本中，第...

在做wap新站时候使用了很多html5和CSS3的属性，经测试，一般标准的浏览器（包括PC端的和手机客户端浏览器）都是兼容的比较好，惟独发现Opera Mobile手机浏览器（也就是国内的欧朋浏览器）对CSS3兼容的不太好。我测试的是最新版本7.2.2。而且，我发现，不只是对CSS3不支持，而且对line-height的属性的解析与其他浏览器也是不相同的。虽然，Opera的新版手机浏览器马

参考MDN line-height： line-height CSS 属性用于设置多行元素的空间量，如多行文本的间距。对于块级元素，它指定元素行盒（line boxes）的最小高度。对于非替代的 inline 元素，它用于计算行盒（line box）的高度。 line-height 属性被指定为以下任何一个：一个 <数字> 该属性的应用值是这个无单位数字<数字>乘以该元素的字体大小。计算值与指定值相同。大多数情况下，这是设置line-height的推荐方法，不会在继承时产生不确定

line-height在CSS属性设置用于行的空间量，例如文本。在未替换的行内元素上，它指定用于计算线框高度的高度。 line-height属性指定下面的值之一：数字长度百分比关键词 normal 值的解释：【normal】取决于用户代理。桌面浏览器（包括火狐）使用大约1.2的默认值，具体随元素的font-family而定。不同浏览器的默认行高可能存在差异。【数字（无...

本文详细描述了display:inline-block的基础知识，产生的问题和解决方法以及其常见的应用场景，加深了对inline-block应用的进一步理解。基础知识display:inline-block是什么呢？相信大家对这个属性并不陌生，根据名字inline-block我们就可以大概猜出它是结合了inline和block两者的特性于一身，简单的说：设置了inline-block属性的元素既拥...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章