当前位置: 开发笔记 > 前端 > 正文

如何使两个标签在角度材料2中占据整个屏幕宽度

作者：我的菜菜呀 | 来源：互联网 | 2022-12-31 19:52

如何解决《如何使两个标签在角度材料2中占据整个屏幕宽度》经验，为你挑选了1个好方法。

我使用角度材料2并且只有两个标签,并希望它们占据整个屏幕宽度(每个一半,见图2).我怎么能这样做(默认情况下它看起来像pic1)？

pic1
------------------------------------------------
| ITEM1 | ITEM 2 |
------------------------------------------------

pic 2
------------------------------------------------
|         ITEM1        |          ITEM 2       |
------------------------------------------------

Edric.. 7

我想你要找的是[mat-stretch-tabs]物业:


    Tab 1
    Tab 2



注意:由于某种原因,它只适用于mat-tab-group组件,但不适用nav[mat-tab-nav-bar].


1> Edric..：
我想你要找的是[mat-stretch-tabs]物业:


    Tab 1
    Tab 2



注意:由于某种原因,它只适用于mat-tab-group组件,但不适用nav[mat-tab-nav-bar].




    
        
                        css3
                        html5
                        html
                        css
                        label
                    
    



    
        写下你的评论吧 !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
                                    
                
            
        

        
    

    
        推荐阅读
        
            
                                
                    
                        html
                        一款清新的jQuery日历插件 带日期的Tooltip提示
                    

                    
                                                
                        一款清新的jQuery日历插件带日期的Tooltip提示543人浏览发表回复这是一款非常简单清新的jQuery日历插件，它并没有特别的日期或者时间选择功能，仅仅是展示一个简单的日历控件。这款jQu ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 16:29:28
                    

                

                
                                
                    
                        html
                        HTML5 学习总结（二）——HTML5新增属性与表单元素
                    

                    
                                                
                        一、HTML5新增属性1.1、contextmenucontextmenu的作用是指定右键菜单。<!DOCTYPEhtml><html><head> ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2024-10-09 19:07:53
                    

                

                                
                    
                    
                
                
                                
                    
                        html
                        试图实现向上箭头 - trying to achieve arrow pointing upwards
                    

                    
                                                
                        Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-09 19:41:30
                    

                

                
                                
                    
                        html
                        你有什么见解
                    

                    
                                                
                            
                        
                                                
                        本文主要介绍关于html5,css3的知识点，对【关于雾霾网站设计】和【你有什么见解】有兴趣的朋友可以看下由【-你在暮色中】投稿的技术文章，希望该技术和经验能帮到你解决你所遇的【】相关技术问题。你有 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 13:40:19
                    

                

                
                                
                    
                        html
                        Html5-Canvas实现简易的抽奖转盘效果
                    

                    
                                                
                            
                        
                                                
                        本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果，同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码，并展示了实现的基本效果。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-13 06:02:20
                    

                

                
                                
                    
                        html
                        FileReader详解与实例---读取并显示图像文件
                    

                    
                                                
                            
                        
                                                
                        我们曾经在《HTML5中File对象初探》中，使用到了FileReader，在那篇文章中，它被用来将一个文件读取为二进制字符串，并通过xhr发送到后端形成交互。作为FileAPI的一部 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-15 16:35:41
                    

                

                
                                
                    
                        html
                        将两个内嵌块左右对齐放在同一行上 - Align two inline-blocks on same line, one to the left and one to the right
                    

                    
                                                
                        HowcanIaligntwoinline-blockssothatoneisleftandtheotherisrightonthesameline?Whyi ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-14 08:37:52
                    

                

                
                                
                    
                        html
                        React图片输入框移动端网页_018
                    

                    
                                                
                            
                        
                                                
                        React-图片输入框-移动端网页gitHub地址觉得有参考价值，点个赞https:github.comxiaopingzh…目录结构.├──README.md├──dist│├─ ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 18:11:44
                    

                

                
                                
                    
                        html
                        html5中template用法,html5标签
                    

                    
                                                
                        　　html5中template用法,html5标签　　一、HTML5template元素初面　　模板元素，基本上可以确定 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 16:16:46
                    

                

                
                                
                    
                        html
                        一篇文章搞定css3 3d效果
                    

                    
                                                
                            
                        
                                                
                        css33d学习心得卡片反转魔方banner图首先我们要学习好css33d一定要有一定的立体感通过这个图片应该清楚的了解到了x轴y轴z轴是什么概念了。首先先给大家看一个小 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 12:41:15
                    

                

                
                                
                    
                        html
                        如何使用JavaScript动态设置CSS3属性值
                    

                    
                                                
                        这篇文章将为大家详细讲解有关如何使用JavaScript动态设置CSS3属性值，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 05:24:06
                    

                

                
                                
                    
                        html
                        html5与js,
                    

                    
                                                
                        　　html5与js,　　本文介绍html5shiv.js和respond.min.js与大家分享，如下：　　做 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-10 21:16:41
                    

                

                
                                
                    
                        html
                        前端实用的CSS3技巧有哪些
                    

                    
                                                
                            
                        
                                                
                        本文小编为大家详细介绍“前端实用的CSS3技巧有哪些”，内容详细，步骤清晰，细节处理妥当，希望这篇“前端实用的CSS3技巧有哪些”文章能帮助大家 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-25 13:50:50
                    

                

                
                                
                    
                        html
                        css设置尖角按钮
                    

                    
                                                
                        http:js.alixixi.coma2014021292298.shtmlhttp:w3cshare.comexample?pid134http:w3cshare.comc ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-17 13:26:50
                    

                

                
                                
                    
                        html
                        在DIV内垂直居中UL - Centering Vertically an UL inside a DIV
                    

                    
                                                
                            
                        
                                                
                        iamtryingtomakeanavigationmenuinsidea200pxx200pxsquare,thisnavigationlist(UL)chang ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-16 19:05:52

















    

    
        
            
            
                
                
            

            
                我的菜菜呀            

            
                这个家伙很懒，什么也没留下！            


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    微信开发
                
                                
                    chrome
                
                                
                    html5
                
                                
                    js
                
                                
                    iframe
                
                                
                    firefox
                
                                
                    yarn
                
                                
                    v8
                
                                
                    chart.js
                
                                
                    css
                
                                
                    scroll
                
                                
                    button
                
                                
                    console
                
                                
                    layout
                
                                
                    label
                
                                
                    requirejs
                
                                
                    overflow
                
                                
                    jquery
                
                                
                    focus
                
                                
                    ajax
                
                                
                    正则
                
                                
                    vue
                
                                
                    npm
                
                                
                    bootstrap
                
                                
                    chart
                
                                
                    charts
                
                                
                    上传
                
                                
                    dom
                
                                
                    html
                
                                
                    scheme
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    1PHP中利用exec函数执行Shell命令的注入技巧详解
                
                                
                    2Java环境中Selenium Chrome驱动在大规模Web应用扩展时的性能限制分析
                
                                
                    3Codeforces 1629 B. GCD Arrays —— 基础算法解析与思路分享
                
                                
                    4微信小程序实现类似微博的无限回复功能，内置云开发数据库支持
                
                                
                    5你是否还记得母亲年轻时的模样？
                
                                
                    6如何利用jQuery的JSONP技术实现跨域调用外部Web服务？
                
                                
                    7《Spring in Action 第4版：全面解析与实战指南》
                
                                
                    8如何高效安装并配置 PostgreSQL 数据库系统
                
                                
                    9SpringBoot 教程系列（56）：配置SSL证书实现HTTPS安全访问
                
                                
                    10如何在HTML中嵌入JavaScript文件 - Techniques for Integrating .js Files into HTML Documents
                
                                
                    11高动态范围单幅图像处理技术研究
                
                                
                    12SQL Server 连接故障总结与解决方案分析
                
                                
                    13Dense Matrix Inversion Results in Segmentation Fault: Causes and Solutions
                
                                
                    14C# .NET 4.1 版本大型信息化系统集成平台中的主从表事务处理标准示例
                
                                
                    15背包问题应用详解：全面解析与实例分析