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

如何使两个标签在角度材料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
                    
    



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

        
    

    
        推荐阅读
        
            
                                
                    
                        html5
                        试图实现向上箭头 - trying to achieve arrow pointing upwards
                    

                    
                                                
                        Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ...
                        [详细]
                    
                    

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

                

                
                                
                    
                        html5
                        一款清新的jQuery日历插件 带日期的Tooltip提示
                    

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

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

                

                                
                    
                    
                
                
                                
                    
                        html5
                        你有什么见解
                    

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

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

                

                
                                
                    
                        view
                        ASP.NET2.0数据教程之十四：使用FormView的模板
                    

                    
                                                
                            
                        
                                                
                        本文介绍了在ASP.NET 2.0中使用FormView控件来实现自定义的显示外观，与GridView和DetailsView不同，FormView使用模板来呈现，可以实现不规则的外观呈现。同时还介绍了TemplateField的用法和FormView与DetailsView的区别。 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-12-13 08:07:00
                    

                

                
                                
                    
                        js
                        pythonMatplotlib(二)
                    

                    
                                                
                            
                        
                                                
                        Matplotlib+pandas作图一、对csv文件进行提取ruixi.csv对上述表格进行提取并做图画出图像二、对.xlsx进行提取:rui ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-17 15:51:22
                    

                

                
                                
                    
                        build
                        MVC中的自定义控件
                    

                    
                                                
                            
                        
                                                
                        怎么样创建自定义控 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-17 15:31:43
                    

                

                
                                
                    
                        html5
                        html5中template用法,html5标签
                    

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

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

                

                
                                
                    
                        html5
                        css3中rem 与px算法
                    

                    
                                                
                            
                        
                                                
                        看CCS文件的时候发现引入了一个新大小单位：rem，CSS文件里有介绍，看半天拿着手机计算了几下愣是没搞明白，怕是新东西搜出来的都是英文看着累就没找google，而是百度了一下，百度 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-13 13:08:19
                    

                

                
                                
                    
                        html5
                        记一道腾讯前端笔试题
                    

                    
                                                
                            
                        
                                                
                        我今年4月投递了腾讯前端开发岗位，很可惜笔试题没通过，48小时内给出答案回复面试官，我的答案太过于简单，所以后面面试官估计也就懒得回我这个菜鸡来（嘤嘤嘤）。当然以我现在的眼光来重新 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-10-11 18:29:45
                    

                

                
                                
                    
                        html5
                        html5与js,
                    

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

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

                

                
                                
                    
                        node.js
                        js中运行机制的详细分析（示例解析）
                    

                    
                                                
                            
                        
                                                
                        web前端|js教程node.js,html5,html,css,javascriptweb前端-js教程本篇文章给大家带来的内容是关于js中运行机制的详细分析（示例解析），有一定 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 19:54:19
                    

                

                
                                
                    
                        hover
                        如何使用HTML5自定义数据属性
                    

                    
                                                
                        在本文中，我将向你介绍如何使用HTML5自定义数据属性。我还将向你介绍一些开发人员在工作中经常使用的优秀实例。为什么需要自定义数据属性？很多时候我们需要存储一些与不同DOM元素相关联的 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 18:09:42
                    

                

                
                                
                    
                        html5
                        【带着canvas去漂泊】（1）绘制柱状图
                    

                    
                                                
                        示例代码托管在：http:www.github.comdashnowordsblogs博客园地点：《大史住在大前端》原创博文目次华为云社区地点：【你要的前端打怪晋级指南】[TOC] ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 15:28:10
                    

                

                
                                
                    
                        html5
                        用JavaScript做一个简朴的框选图表
                    

                    
                                                
                        故事背景：这几天碰到一个客户，是做集会记录的，每次集会过程当中，都邑有特定装备记录下发言人的位置以角度值显现。他给我角度值，让我给他做一个图表来展现每一个人的一个或许位置。客户想到 ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-24 08:39:56
                    

                

                
                                
                    
                        html5
                        《Head Firsh HTML5》学习笔记(总结)
                    

                    
                                                
                        简介:文章中的知识:CSS3,Web工作线程，本地存储，画布，地理定位，新表单，音频视频第一章：认识HTML5HTML5是最新版本的HTML，它引入了简化的标记， ...
                        [详细]
                    
                    

                    
                        蜡笔小新   2023-09-23 16:29:18

















    

    
        
            
            
                
                
            

            
                我的菜菜呀            

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


        
    

    
    

    
    

    
        Tags | 热门标签
        
            
                                
                    vue
                
                                
                    console
                
                                
                    chart.js
                
                                
                    npm
                
                                
                    scroll
                
                                
                    正则
                
                                
                    webkit
                
                                
                    chart
                
                                
                    js
                
                                
                    html5
                
                                
                    view
                
                                
                    postman
                
                                
                    json
                
                                
                    listview
                
                                
                    charts
                
                                
                    dialog
                
                                
                    build
                
                                
                    hover
                
                                
                    node.js
                
                                
                    微信开发
                
                                
                    iframe
                
                                
                    overflow
                
                                
                    firefox
                
                                
                    svg
                
                                
                    ajax
                
                                
                    base64
                
                                
                    textview
                
                                
                    上传
                
                                
                    hybrid
                
                                
                    v8
                
                                
            
        
    

    
    
        
            
            
        
        RankList | 热门文章
        
            
                                
                    1angular启动过程
                
                                
                    2HBase 概念视图
                
                                
                    3vue 一级导航 和二级导航
                
                                
                    4jpg转word的简单方法
                
                                
                    5查询PS模块中，项目修改日志
                
                                
                    6一年级语文第二单元训练卷，《汉语拼音1～8课》，“”善于变身
                
                                
                    7电脑html可以删除吗,我的文档电脑里我的文档里的东西可以删除吗？ – 手机爱问...
                
                                
                    8手机丢了怎么办|找回丢失的手机|昨天买衣服的时候丢了刚买的手机，真扫兴，不过我想除了几个比较有用的方法帮你找回你的手机...
                
                                
                    9CSS的font-size属性有什么作用
                
                                
                    10NRF24L01使用外部中断读取数据的问题
                
                                
                    11理解jsonp
                
                                
                    12用smartforms设计凭证打印疑问
                
                                
                    132015/7/27 (主力流出1200亿，上周五回踩，今天到底是震荡下行，还是红魔呢？——在周五成功逃顶，结果今天回调的时候被套！——教训！)...
                
                                
                    144.27 站立会议（九）
                
                                
                    15PDF批量删除注释