首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

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


推荐阅读
  • jq

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

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

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

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

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

    Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ... [详细]
  • html5

    你有什么见解

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

    html5+css3网站菜单的示例分析

    这篇文章主要为大家展示了“html5+css3网站菜单的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习 ... [详细]
  • js

    前端技术分享——利用Canvas绘制鼠标轨迹

    前端技术分享——利用Canvas绘制鼠标轨迹
    作为一名前端开发者，我已经积累了Vue、React、正则表达式、算法以及小程序等方面的技能，但Canvas一直是我的盲区。因此，我在2018年为自己设定了一个新的学习目标：掌握Canvas，特别是如何使用它来创建CSS3难以实现的动态效果。 ... [详细]
  • js

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

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

    前端人员必须知道的三个问题及其发展阶段

    本文介绍了前端人员必须知道的三个问题，即前端都做哪些事、前端都需要哪些技术，以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外，还介绍了一些后端服务，如Node.js。 ... [详细]
  • chrome

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

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

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

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

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

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

    html5中template用法,html5标签

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

    html5与js,

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

    怎么使用css3画三角形

    怎么使用css3画三角形
    小编给大家分享一下怎么使用css3画三角形，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！首先看一下css3画三角形的原理我们先来看 ... [详细]
  • css3

    css3基础学习笔记

    1、给边框加上圆角及阴影，如下代码：<!DOCTYPEhtmlPUBLIC"-W3CDTDHTML4.01TransitionalEN"" ... [详细]
author-avatar
我的菜菜呀
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有