当“pic1”中的屏幕较宽时,灰色文本框位于右侧,徽标位于左侧 .

我想只将文本向下移动到框的中心 .

但是通过移动文本我不希望灰色背景在页面的纵向/移动视图上变得更大,就像在屏幕截图“pic2”上一样

CSS

.box {

display: flex;

flex-wrap: wrap;

justify-content: center;

}

.logo {

text-align: center;

width: 200px;

height: 300px;

background-color: rgb(255, 91, 91);

}

.title {

text-align: center;

color: rgb(0, 0, 0);

background-color: rgba(0, 0, 0, 0.2);

}

HTML

This is Logo

This is H1 Text Box with Gray Background

This is H3 Text Box with Gray Background

PIC1

PIC2

html中向下移动怎么写,如何将div文本框向下移动相关推荐

  1. vue中既可以选择又可以手动输入的文本框类型_在PPT中制作一个胖乎乎的可爱圆环图...

    您好,欢迎来到[爆炒Office],这里有原创的实用办公软件技巧. 概述 有的数据图是以精确的数据为基础制作而成,而有的数据图又是使用图形制作成的示意图.本文介绍使用弧形制作示意关系的圆环图,同时,通 ...

  2. 【办公类-19-02】办公中的思考——Python批量制作word文本框的名字小标签,用A4word打印(植物角、家长会、值日生)

    背景需求: 2月28日去小班带班,看到班主任制作了一些小手印花束作为家长会的家长座位提示,上面贴着""圆形白色的幼儿名字贴". 我立刻想起了制作的过程--在word中插入 ...

  3. 【Excel】偷懒小技巧1:利用Excel对齐PPT中多个不同大小的矩形文本框

    锅从天降 费力又无聊的任务从天而降,而且看上去还挺紧急.第一反应是要干苦力了. 打开PPT创建了几个文本框,发现要做得整齐美观还是很麻烦啊(各种对齐,还得间距一致).停下来想了想,不行这么搞太费劲了, ...

  4. 添加删除按钮html代码怎么写,JavaScript添加一个文本框并带有删除按钮

    JavaScript添加一个文本框并带有删除按钮属于前端实例代码,有关更多实例代码大家可以查看. 实际操作中可能需要动态的创建和删除一个元素,比较常见是添加一个文本框和一个删除按钮,点击删除按钮可以删 ...

  5. html中利用js写一个弹出注册框,原生js实现一个弹出框

    其实弹出框的实现非常的简单.网上有很多种类的弹出框,比如jquery ui 的dialog colorbox fancybox等.jquery ui的dialog是一个专业的对话框 而colorbox ...

  6. uisearchbar中自定义 放大镜图标 placeolder字体颜色 文本框背景色 兼容ios7

    自定义searchbar,重写layoutSubviews就行了,只是ios7以下与IOS7获取UITextField的方法不同,下面是我测试通过的代码: -(void)layoutSubviews ...

  7. html中怎么写输入框,HTML文本框参考样式及常见操作技巧大全

    在网页设计中,常常要使用 html 文本框来收集一些用户信息或是制作登录页,虽然只是简单的输入框,但是如果加入一些美化设计会使你的页面看起来更加有吸引力,下面就给大家提供了一些 html 文本框的参考 ...

  8. html中滑动文本框怎么写,html在文本框中加入滚动条

    我们都知道大篇幅的文章会占据页面的大部分空间,从而影响页面整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题.下面就是相关语法: style=' color: #ffffff ...

  9. php文本框长度限制,php截取富文本框中的固定长度的字符

    ai,哎怎么赶脚自己写东西越来越小儿科了呢,现在连这个问题都找了好半天 因为后台是的内容是富文本编辑器编辑的,前台我傻逼的直接截取了字符串,然后样式啥的都乱了,找了半天是因为富文本的问题 其实解决办法 ...

最新文章

  1. 设置自动关门时长_小米苹果全适配,绿米D100全自动指纹锁新鲜上手
  2. 查看端口号被哪个程序占用
  3. python时间模块哪个好arrow模块_python库: arrow (时间)
  4. Fedora 14 网卡设置
  5. python 列表推导_说说在 Python 中如何使用列表推导
  6. LeetCode 1224. 最大相等频率(哈希)
  7. git reset与git revert比較
  8. 瑞利信道,莱斯信道和高斯信道模型
  9. 服装店商家不离手的十大服装进销存管理软件,功能大对比
  10. 优达前端课程免费分享
  11. SD--定价过程的16个字段的作用说明
  12. 解题:NOI 2010 航空管制
  13. kafka offset 机制
  14. NET Reflector 7.6.1.824安装及破解
  15. VLC 21年,重新审视低延迟直播
  16. ime with the \acknowledge=true\ parameter:,watcher:[Watcher will be disabled
  17. 产品经理必读:敏捷开发中的需求管理过程全解
  18. java词云_Java:生成词云(KUMO)
  19. 1.7.1 容器类数据-列表
  20. 网约车新政陆续出台,共享经济遇阻为哪般?

热门文章

  1. MATLAB R2021a无法识别freqz_m
  2. 大富豪5.2 ,棋牌数据库记录
  3. sqlserver update
  4. 高并发抢红包案列以及使用锁,版本号,redis缓存解决,项目可运行,详细注释(一)
  5. 基于MSP430f149单片机的简单秒表
  6. linux lvm分区教程,Linux LVM入门使用教程
  7. 安装 Chart Gnuplot
  8. 关注这几点,远程办公不犯迷糊
  9. 序:为什么要选React
  10. 自协商SGMII_IP核例化篇