简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
In tailwind.css, .rounded-lg has no effect on tables.
P粉447495069
P粉447495069 2023-07-24 20:47:03
0
1
411

Currently, I am using tailwind version 3.3.3.

I cannot get the rounded corners effect for the table. I tried adding a wrapper container with class name "overflow-hidden rounded-lg". This solves the rounded corners problem, but the borders on each side also disappear. How can I solve this problem?

My code is: 


  
 Plan No. of Subscription 
   
 Silver plan USD Monthly 2


P粉447495069
P粉447495069

reply all (1)
P粉478445671
P粉4784456712023-07-25 14:53:20 1 floor

To solve this problem, you can add an extra wrapping div around the table and apply the overflow-hidden rounded-lg class to that wrapping div, not the table itself

 
 
  
 Plan No. of Subscription 
   
 Silver plan USD Monthly 2 
  
 
 
``` 通过将表格包裹在一个div中，并将overflow-hidden rounded-lg类应用于该div，您应该可以保持圆角的同时保留角边框。
Like+0
Add Reply
    Popular Topics
    More>
    Popular Articles
    Popular Tutorials
    More>
    Related Tutorials
    Popular Recommendations
    Latest courses
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn：Public welfare online PHP training，Help PHP learners grow quickly！