+ Post New Thread
Results 1 to 6 of 6

Thread: What is the use of column layout in CSS?

  1. #1
    Junior Member crackersguru's Avatar
    Join Date
    Aug 2017
    Posts
    7

    Red face What is the use of column layout in CSS?



    What is the use of column layout in CSS?

  2. #2
    Senior Member Barbara's Avatar
    Join Date
    May 2017
    Posts
    112


    Is this useful / helpfull? Yes | No
    Reading very long lines of text can be problematic for some people. They will have to focus more on not missing a line instead of the text itself. This problem is easily solved by using multiple columns to lay out the content. Multiple columns are Present in print media. The CSS Multi-column Layout Module features enable us to recreate the same kind of multi-column effect on websites. The CSS multi-column layout extends the block layout mode to allow the easy definition of multiple columns of text.

  3. #3
    Junior Member manisha's Avatar
    Join Date
    Mar 2018
    Posts
    2


    Is this useful / helpfull? Yes | No
    div {
    column-rule-style: solid;
    }
    div tag can be used.. Moreover there are multiple use of column layout in CSS

  4. #4
    Member nesir's Avatar
    Join Date
    Sep 2017
    Location
    South Africa
    Posts
    90


    Is this useful / helpfull? Yes | No
    Google it. Its an accepted solution to a layout problem when content is too long or wide such as in the case of rows. This is all part of the bootstrap framework. It makes designing easier by having a set of pre defined css rules , designing a website for mobile , or tablet devices has never been easier with the advent of bootstraps methods or css rules.

  5. #5
    Junior Member singhjyoti0399's Avatar
    Join Date
    Jun 2020
    Posts
    4


    Is this useful / helpfull? Yes | No
    To make your webpage responsive enough. Basically if you divide your screen size with any number then you will get width of each columns, those columns you can use to show your webpage.

  6. #6
    Member Leasedlayer's Avatar
    Join Date
    Apr 2017
    Posts
    33


    Is this useful / helpfull? Yes | No
    It is up to you if you want to use floats or flex to create a two-column layout.

    Add HTML
    <div class="row">
    <div class="column"></div>
    <div class="column"></div>
    </div>

    Add CSS
    .column {
    float: left;
    width: 50%;
    }

    /* Clear floats after the columns */
    .row:after {
    content: "";
    display: table;
    clear: both;
    }

+ Post New Thread

Similar Threads

  1. Best Layout Plugin
    By Mary Martin in forum Wordpress
    Replies: 2
    Last Post: 01-17-2019, 06:47 AM
  2. Replies: 0
    Last Post: 08-31-2017, 02:11 PM
  3. Replies: 1
    Last Post: 03-04-2014, 09:28 AM
  4. WTS Fully Responsive Theme for WHMCS|Easy Installation + 4 style and flexible layout!
    By eekyelp in forum Reseller: Offers & Requests
    Replies: 0
    Last Post: 01-15-2014, 08:14 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
 Protected by : ZB BLOCK  &  StopForumSpam