PHP課程總結20161116

標籤：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