美文网首页
高度设置100% 文字垂直居中

高度设置100% 文字垂直居中

作者: 冰点雨 | 来源:发表于2023-12-26 09:53 被阅读0次
    <view class="menu-item">
            <view class="text">
                确定
            </view>

        </view>

.menu-item {
        height: 100%;
        flex: 1;
        text-align: center;
    }

.text {
        margin: 0;
        padding: 0;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

相关文章

  • 关于水平垂直居中的问题

    文字水平居中 文字水平垂直居中 设置padding高度自动撑开 flex 子元素在父元素中水平垂直居中 方法一 ...

  • 小程序 Page页面内容垂直居中

    垂直居中 设置Page高度100%,并在子控件设置justify-content: center; wcss wxml

  • CSS的垂直居中和水平居中办法

    HTML代码 样式代码 单行垂直居中,设置高度,并设置与高度相同的 line-height height:100p...

  • CSS面试题(一)

    一、垂直居中,多行文本垂直居中? 1、单行文本垂直居中设置高度height和行高line-height,使高度he...

  • CSS Tips

    垂直居中 display: relative如果父类有设置高度可以尝试 (height: 100%也可以) 没有的...

  • HTML/CSS 设置背景图片一屏幕下水平垂直居中

    1、直接设置最大div高度为100vh,设置背景图水平垂直居中2、使用绝对定位 + translate 位移 案例...

  • 一些常用样式

    1.文字居中 p标签文字水平居中设置 text-align: centerp标签文字垂直居中设置line-heig...

  • 工地施工狗的转行之路Day16

    垂直居中——父元素高度确定的单行文本 height:100px;line-height:100px; 这个文字可能...

  • 水平居中和垂直居中

    水平居中设置--行内元素 水平居中设置--定宽块级元素 水平居中设置--不定宽块状元素 垂直居中--父元素高度确定...

  • css垂直居中

    1.父元素不设置高度,子元素设置padding撑开,形成垂直居中 2.父元素高度固定,利用table属性居中对齐....

网友评论

      本文标题:高度设置100% 文字垂直居中

      本文链接:https://www.haomeiwen.com/subject/lmrlndtx.html