码迷,mamicode.com
首页 > Web开发 > 详细

PHP课程总结20161116

时间:2016-11-17 02:15:55      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:display   hidden   文本框   课程   标签   

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

    一、文本标签<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(在盒子里出现下拉列表,包括了所有文字)

本文出自 “12244280” 博客,请务必保留此出处http://12254280.blog.51cto.com/12244280/1873675

PHP课程总结20161116

标签:display   hidden   文本框   课程   标签   

原文地址:http://12254280.blog.51cto.com/12244280/1873675

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!