美文网首页
html随笔-行高

html随笔-行高

作者: Unchastity | 来源:发表于2017-09-24 18:32 被阅读0次

1. 行高line-weight

行高只对块级标签有效,可以撑起块级标签的height。

1)不指定行高及height时

css:

div{border:solid1px black;font-size:16px;}

html:

<div>

这是一行<br/>

这是一行<br/>

这是一行<br/>

</div>

div的height随font-size的增大而增大,

2)指定行高line-height时,div的height由行高和行数决定

css:

div: {border: solid 1px black; font-size: 16px; line-height: 18px;}

overflow: hidden

相关文章

  • html随笔-行高

    1. 行高line-weight 行高只对块级标签有效,可以撑起块级标签的height。 1)不指定行高及heig...

  • UILabel 显示HTML 设置行高

    UILabel *label = [[UILabel alloc] init]; label.font = [...

  • css中的line-height

    引用:http://www.cnblogs.com/dolphinX/p/3236686.html 所谓行高是指文...

  • mianshi2

    html .行元素与块元素区别 行元素宽高不能设置 padding margin水平方向有效,垂直方向无效。 cs...

  • html标签分类与转换

    html标签分类与转换 行标签 不独占一行,水平排布,不能设置宽高 span a 块标签 独占一行,垂直排布 可以...

  • 荒山随笔5:逍遥行

    荒山随笔5:逍遥行 逍遥行... ...

  • 2018-12-24

    HTML块级、行级元素、特殊字符,嵌套规则 <1> 块元素独立成一行,可以设置宽高,默认宽度100%。1.文字类块...

  • HTML+CSS

    HTML基础部分 标签的分类 块元素(独占一行,且能设置宽高,浪费空间) div ul li...

  • CSS实现垂直居中的7种方法

    1、设定行高(line-height) HTML: CSS: 重点:父容器高度和子元素line-height一样的...

  • HTML段落-07

    HTML 段落 实例 HTML 折行 实例: HTML 输出- 使用提醒 实例

网友评论

      本文标题:html随笔-行高

      本文链接:https://www.haomeiwen.com/subject/wexlextx.html