dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: How can I wrap the text in IE

  1. #1
    Join Date
    Dec 2016
    Posts
    3

    How can I wrap the text in IE

    In chrome and Firefox it display correctly but in Internet Explorer the text overlaps how can I display the text correctly so that it works for IE

    Untitled.jpg

    In chrome and Firefox it displays like this I want it display the same for IE

    Untitled1.png

    CSS

    Code:
    .chart[id*="Chart_Column"] .ct-label.ct-horizontal.ct-end {
        padding: 5px 0 0 0;
        font-size: 12px;
    }
    chartist.min.css:1
    .ct-chart-bar .ct-label.ct-horizontal.ct-end {
        -webkit-box-align: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        text-anchor: start;
    }
    <style></style>
    .chart[id*="Chart_Column"] .ct-label {
        font-size: 14px;
    }
    chartist.min.css:1
    .ct-label.ct-horizontal.ct-end {
        -webkit-box-align: flex-start;
        -webkit-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -webkit-box-pack: flex-start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        justify-content: flex-start;
        text-align: left;
        text-anchor: start;
    }
    chartist.min.css:1
    .ct-chart-bar .ct-label, .ct-chart-line .ct-label {
        display: block;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    
    core.css:59
    .ct-label {
        color: #111111;
        fill: #111111;
    }

  2. #2
    Join Date
    Mar 2007
    Location
    localhost
    Posts
    4,514
    Do you mean like this http://www.w3schools.com/cssref/css3_pr_word-wrap.asp an alternative would be to have the text rotated by 90 degrees. https://css-tricks.com/snippets/css/text-rotation/
    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles