ReactFix
  • Privacy Policy
  • TOS
  • Ask Question
  • Contact Us
  • Home
  • React
  • React Native
  • Programming
  • Object Oriented Programming

Sunday, November 13, 2022

[FIXED] How to fix page limits with tailwindcss

 November 13, 2022     next.js, reactjs, tailwind-css, typescript, vercel   

Issue

I would like to know how I can set the limits for the page

src="https://i.stack.imgur.com/28b0b.png" alt="page-limits" />


Solution

try adding break-all in your class.

   <div className="w-[100px]">
    <div className="break-all"> 
      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
    </div>
   </div>

this will break in the limit of the parent:

100px
---------
aaaaaaaaa
aaaaaaaaa
aaaaaaaaa


Answered By - Matias Bertoni
Answer Checked By - - Mildred Charles (ReactFix Admin)
  • Share This:  
  •  Facebook
  •  Twitter
  •  Google+
  •  Stumble
  •  Digg
Newer Post Older Post Home

Featured Post

Is Learning React Difficult?

React is difficult to learn, no ifs and buts. React isn't inherently difficult to learn. It's a framework that's different from ...

Total Pageviews

Copyright © ReactFix