1display :inline/block/none

2.inline value

Cause all list items in a list to appear next to each other in one continuous line

rather than each one having its own line.


Make a box standalone,fitting the entire width of its containing box,with an effectve line break before and after it.

4.inline-block( Block in row )

keep a box inline but lend the greater formatting flexibility of block boxes,allowing margin to the right and left of the box.


doesn't display a box at all.Take the element'x box completely out of play.

visibility:hidden——Keep the box and its flow in place











set the table without line breaks before and after it


nested in ul/ol


depend on the display of its parent

【CSS】Intermediate6:Display More articles about

  1. 【css】 Several ways to clear floating

    [css] Several ways to clear floating   Because the floater is not in the normal document stream , So it doesn't take up space . Like the following code : .news { background-color:gray; border:1px solid bla ...

  2. 【css】 use css Ingeniously realize the horizontal sliding display function of mobile terminal

    Preface : I remember that I used to deal with the horizontal slide display of mobile terminal js Resolved , Use js A lot of processing , To count li Width , And then use js Set up ul The width of the box , And set the maximum sliding distance , Minimum sliding distance and so on ....... But now it's found that cs ...

  3. 【CSS】 Hide multiline text box Textarea stay IE Vertical scroll bar in

    stay <[CSS] prohibit Google The browser agreed to define and adjust the multiline text box >( Click to open the link ) How to make a multiline text box Textarea In some DOM2 Fixed in the browser of . see , Multi-line text box Textarea ...

  4. 【CSS】 Element style

    1. Use CSS In three ways : Mode one . By element style Property to set the style of the element Mode two . stay HTML Head tag <head> Pass through <link> The tag introduces an external CSS resources , It's usually a C ...

  5. 【CSS】 Think and relearn —— About CSS Floating and positioning on element width / Margin / The influence of the space occupied by other elements

      One .width:auto and width:100% The difference between   1.width:100% The function of is to fill the width of its reference element .( In general, reference elements == The parent element , This is written as a reference element instead of a parent element , Below I'll see ...

  6. 【CSS】css Animation and transition and transformation properties

    1.css Animation Create an animation : @keyframes name{ // Animation name 0% { // Animation start transform: translateY(0); } 100% { // End of animation transf ...

  7. 【CSS】iconfont Use

    Speaking of browsers, right @font-face Compatibility problem , It's about a font format The problem of , Because different browsers support different font formats , In this way, it is necessary for us to understand , What fonts are supported by different versions of browsers , The front is also simple to have ...

  8. 【CSS】318- CSS Realize the adaptive container of aspect ratio

    Click on the above " Front end self study " Focus on , Learn ~ In the recent development of mobile page , In such a situation : When page width 100% when , The height is half the width , And it's still half as wide as the phone . So we need to implement a width self ...

  9. 【css】a Use of labels

    <a> Tag attributes display Different settings to achieve the goal display:block and display:inline; display:block You can make <a> Label set width and height . side line .mar ...

Random recommendation

  1. Reading notes --SQL Will know 19-- stored procedure

    Different DBMS Different implementations of stored procedures , The difference is huge , There's no specific DBMS, Just explain the simple meaning of stored procedure . 19.1 stored procedure Simply speaking , A stored procedure is one or more stored procedures for later use SQL sentence . You can put stored procedures ...

  2. 《ASP.NET SignalR series 》 The fourth lesson SignalR Since the escrow ( no need IIS)

    From now on, please go to : http://lko2o.com/moon Next to the last one :<ASP.NET SignalR series > The third class SignalR Our support platform One . summary SignalR Often depends on ...

  3. Necessary Java Reference resource list ( turn )

    Contains essential books . Site . Blog . Full list level of reference resources such as activities : primary Ted Neward, executive director ,ThoughtWorks, Neward & Associates 2009 year 3 month 02 Japan ...

  4. use nodejs Delete mongodb in ObjectId Type data

    mongodb in "_id" There's one down there ObjectId Data of type , I want to delete the whole object through this data , It took me a long time to get it done module.exports = function ( ...

  5. Fire Net

    Fire Net Time Limit : 2000/1000ms (Java/Other)   Memory Limit : 65536/32768K (Java/Other) Total Subm ...

  6. JS A complete collection of regular expressions 【 turn 】

    Special characters in regular expressions character meaning \ As a change of mind , That is, usually in the "\" The following characters are not interpreted in the original sense , Such as /b/ Matching character "b", When b After adding the reverse diagonal bar in front of /\b/, To match a ...

  7. mysql Using triggers (Trigger) Make the code simpler

    One , What trigger 1, Personal understanding trigger , Understand... Literally , A trigger device , Short for trigger ( ha-ha , Personal understanding ), Let's give you an example , It's like it's dark , You turned on the light , You see something . You set off a firefight , Lit up , And then it blew up . 2, The official definition of trigger ...

  8. [ translate ] Block quiz

    This article comes from  ParseBlog  One of my blog posts  <Objective-C Blocks Quiz> If you think my blog is helpful to you , Please follow my Sina Weibo   MicroCai  Stand by me , thank you ! ...

  9. SQL constraint (Constraints)

    SQL constraint Constraints are used to limit the type of data added to a table . You can specify constraints when you create a table ( adopt CREATE TABLE sentence ), Or after the table is created ( adopt ALTER TABLE sentence ). We will mainly discuss the following aspects ...

  10. 【Java Introduction to improve the chapter 】Day33 Java Container class details ( 15、 ... and )PriorityQueue Detailed explanation

    Today we're going to talk about basic container classes ( A name named to distinguish it from the concurrent container class ) Another member of ——PriorityQueue, It's called priority queue , I think I should have heard something even if I haven't used it , what ? no .. Never heard of ?emmm... ...