+ Post New Thread
Results 1 to 6 of 6

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

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1

    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
    110


    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


    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


    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.

  5. #5


    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;
    }

  6. #6
    Junior Member Patronum's Avatar
    Join Date
    Nov 2020
    Posts
    11


    Is this useful / helpfull? Yes | No
    Quote Originally Posted by crackersguru View Post
    What is the use of column layout in CSS?
    This structure allows you to quickly navigate the overall project code and make the necessary edits.

+ Post New Thread

Similar Threads

  1. Best Layout Plugin
    By Mary Martin in forum Wordpress
    Replies: 4
    Last Post: 01-05-2023, 06:10 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