📜  如何在Bootstrap 4中将文字环绕在圆形转盘上?

📅  最后修改于: 2021-05-25 16:58:26             🧑  作者: Mango

与包裹圆形图像或任何形状的图像相比,包裹圆形旋转木马非常忙。首先,在本文中,我们必须创建一个圆盘传送带使该圆形,然后可以使用文本包装该圆盘传送带。
首先,您必须创建Bootstrap Carousel 。要使该轮播转为圆形,可以使用CSS border-radius属性。然后写下您的换行文本,并在主div上使用CSS Circle()函数。这将以适当的方式包裹您的圆形旋转木马:
下面的示例说明了上述方法:
例子:

html


 

    
        How to wrap text around circular
        carousel in Bootstrap 4 ?
    
     
    
    
     
    
     
    
     
    
 
    

 

    
        

GeeksforGeeks

                               A Computer Science Portal             for Geeks                            
            
                                                                                                                                                                                                                     
        
        
                             How many times were you frustrated while                 looking out for a good collection of                 programming/ algorithm/ interview questions?                 What did you expect and what did you get?                 This portal has been created to provide well                 written, well thought and well explained                 solutions for selected questions. An IIT                 Roorkee alumnus and founder of GeeksforGeeks.                 He loves to solve programming problems in                 most efficient ways. Apart from GeeksforGeeks,                 he has worked with DE Shaw and Co. as a                 software developer and JIIT Noida as an                 assistant professor. It is a good platform                 to learn programming. It is an educational                 website. Prepare for the Recruitment drive                 of product based companies like Microsoft,                 Amazon, Adobe etc with a free online                 placement preparation course.                      
    
 


输出: