PHP课程总结

原创 2016-11-17 09:30:13 1520
摘要:今天主要介绍了两种文本标签的相关内容及文字溢出的解决办法。    一、文本标签<span>    <span>属于行内元素(inline,文本标签,不会换行),是不会换行元素的代表。不占任何空间,但在“样式”中加上“display:block(块级元素);”,行内元素就会变为块级元素(如<div&g

今天主要介绍了两种文本标签的相关内容及文字溢出的解决办法。

    一、文本标签<span>

    <span>属于行内元素(inline,文本标签,不会换行),是不会换行元素的代表。不占任何空间,但在“样式”中加上“display:block(块级元素);”,行内元素就会变为块级元素(如<div>);或者加上“display: inline-block(行内-块级元素);",改变后仍属于行内元素,但具有了块级元素的除去会自动换行外的所有特点。

 

    二、文本标签<label>

    <label>中的“for”属性规定<label>与那个表单元素绑定。例如:<label for="user">姓名:</label><input id="user" type="text" name="username" placeholder="姓名">,其效果:点击姓名,光标自动切换到文本框内。

 

    三、解决文字溢出问题。在样式中使用属性“overflow”(溢出),其属性值有:hidden(隐藏溢出div盒子的文字);auto(在盒子里出现下拉列表,包括了所有文字)


发布手记

热门词条