html填满剩余空间,html – 标题,两侧填充剩余空间

我被要求创建这个标题,纯粹用css,它甚至可能吗?

文本的背景需要保持透明,h2需要跨越任何容器的宽度,并且左右边框自动填充剩余空间.

h2 {

font-size:42px;

line-height:48px;

width:100%;

overflow: hidden;

&:before {

content:'';

position:relative;

padding-left:50px;

padding-right:10px;

margin-right:10px;

margin-bottom:10px;

background:red;

height:3px;

display:inline-block;

}

&:after {

content:'';

margin-left:10px;

width:100%;

background:red;

height:3px;

display:inline-block;

}

}

左侧很容易,但是我被困在右侧.

我似乎无法弄清楚如何只使正确的线填充容器右侧的剩余空间.

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/502713.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python代码自动生成器下载_Python代码生成器

iefans下载为用户提供的Python代码生成器是一款高效实用的多功能代码自动编辑软件,该软件采用Delphi语言开发,同时内置了大量的编程学习内容与百款实例代码,让用户能够使用Python代码生成器快速插入判断、流程控制、算法等重复性很高的架构&a…

animate动画案例_animate动画案例——小小购物狂

如今各平台小动画层出不穷,大部分这种二维动画都是animate或者flash做的,例如下面这种效果animate既可以将各种内容做成动画。既可以设计适合游戏、电视节目和 Web 的交互式动画。让卡通和横幅广告栩栩如生。也可以用来创作动画涂鸦和头像。并向电子学习…

男孩子不上学了学计算机要学历吗,十三岁男孩不上学,能学什么手艺?

十三岁男孩不上学,能学什么手艺?十三岁时的孩子,有些学校要求我们先上过义务教育再去学习,有些学校是允许十三岁就直接接受教育的,有些学校是对十三岁还在上半学的学生进行补习一下的。那么,十三岁男孩不上学,可以学什么手艺?其实,有很多孩子对自己在学校学习时未能掌握的知识…

iview select 怎么清空_如何解决iview 的select下拉框选项错位的问题,具体操作如下...

下面我就为大家分享一篇完美解决iview 的select下拉框选项错位的问题,具有很好的参考价值,希望对大家有所帮助。在使用iview的过程中,我遇到这样一个问题,在Model中使用select下拉框组件。但是当弹出框超过一屏需要滚动时&#xf…

numpy 拼接_数据分析-numpy的拼接与交换

1.数组的拼接import numpy as npt1np.arange(24).reshape((4,6))t2np.arange(100,124).reshape((4,6))print(t1)print("*"*50)print(t2)print("*"*50)#竖直拼接t3np.vstack((t1,t2))print(t3)print("*"*50)#水平拼接t4np.hstack((t1,t2))print(t…

在HTML标签中 lt h5 gt 表示,HTML lt;blockquotegt; 标签

HTML <blockquote> 标签2020-12-04定义和用法标签定义块引用。与 之间的所有文本都会从常规文本中分离出来&#xff0c;经常会在左、右两边进行缩进(增加外边距)&#xff0c;而且有时会使用斜体。也就是说&#xff0c;块引用拥有它们自己的空间。全局属性标签支持HTML中的…

shell 做加法运算_使用shell脚本实现加法乘法运算

编写一个shell脚本&#xff0c;实现加法和乘法运算。#!/bin/bash#Function:num1num2 num3*num4sum(){read -p "please key in first number:" num1read -p "please key in second number:" num2let num3${num1}${num2}echo -e "\033[32m $num1 $num2…

iptables 指定网卡_LINUX系统下的IPTABLES防火墙系统讲解(二)实战操作

iptables数据流方向iptables操作命令:#iptables --helpUsage: iptables -[AD] chain rule-specification [options]iptables -[RI] chain rulenum rule-specification [options]iptables -D chain rulenum [options]iptables -[LFZ] [chain] [options]iptables -[NX] chainipta…

计算机应用技术环境评估,计算机应用教程(第7版)(Windows 7与Office 2007环境)习题解答与上机练习...

计算机应用教程(第7版)(Windows 7与Office 2007环境)习题解答与上机练习语音编辑锁定讨论上传视频《计算机应用教程(第7版)(Windows 7与Office 2007环境)习题解答与上机练习》是2012年9月21日清华大学出版社出版的图书&#xff0c;作者是潘晓南、游语秋、张京、陈洁。[1]书 …

机考怎么作弊_电脑上考试如何作弊 电脑上考试不能复制粘贴怎么办

电脑上考试也就是我们常说的机考&#xff0c;机考也分两种&#xff1a;一种是内网机考&#xff0c;也就是像我们考驾照那样&#xff0c;只能登陆访问答题的系统&#xff0c;其他的外网比如百度是打不开的&#xff0c;还有一种比较自由&#xff0c;就是你可以随意登陆访问&#…

java接口文档生成工具_接口文档生成

一、为什么要写接口文档&#xff1f;1.正规的团队合作或者是项目对接&#xff0c;接口文档是非常重要的&#xff0c;一般接口文档都是通过开发人员写的。一个工整的文档显得是非重要。2.项目开发过程中前后端工程师有一个统一的文件进行沟通交流开发&#xff0c;项目维护中或者…

联想计算机如何设置用户名和密码忘了,联想(Lenovo)路由器无线wifi密码忘记了怎么办啊?...

联想(Lenovo)路由器无线wifi密码忘记了怎么办&#xff1f;忘记wifi密码这个问题&#xff0c;很多用户都会遇到。因为手机、笔记本、平板电脑在首次连接wifi信号后&#xff0c;会自动保存该wifi信号密码&#xff0c;以后会自动进行连接&#xff0c;无需用户手动输入wifi密码&…

windows服务器迁到_Windows Server 2008 R2 DNS 服务器迁移方法

因为都是Windows 平台&#xff0c;这不算什么事。好吧&#xff0c;看一下&#xff0c;我们的环境&#xff1a;原DNS服务器&#xff1a;主机名&#xff1a; Win08-01 IP地址&#xff1a;10.200.201.11新DNS服务器(临时主机名和IP地址)&#xff0c;因为迁移成功后&#xff…

mysql binlog查看_MySQL--17 配置binlog-server 及中间件

配置binlog-server修改mha配置文件[rootmysql-db03 ~]# vim /etc/mha/app1.cnf[binlog1]no_master1hostname10.0.0.53master_binlog_dir/data/mysql/binlog/备份binlog#创建备份binlog目录[rootmysql-db03 ~]# mkdir -p /data/mysql/binlog/#进入该目录[rootmysql-db03 ~]# cd …

中国石油大学(华东)计算机科学与技术,2017年中国石油大学(华东)函授本科计算机科学与技术专业...

技校网专门为您推荐的类似问题答案问题1&#xff1a;中国石油大学计算机科学与技术专业在哪个校区啊你对玩电脑很感兴趣&#xff1f;很负责任的跟你说&#xff0c;这个专业就业不大好。你还是考虑换一个专业吧。我们学校好专业多的是了。何必一定要选择这个专业。仅仅出自于一种…

python 金融可视化_用 Python 进行金融数据可视化

Python量化的关键是金融数据可视化&#xff0c;不管是传统的K线图&#xff0c;仍是如今的策略分析&#xff0c;都须要大量的可视化图表。具体到编程代码&#xff0c;就是使用Python绘图模块库绘图&#xff0c;好比传统的Python绘图模块库有Matplotlib,Seaborn等。html对于股票和…

桥梁在线计算机监测系统,桥梁在线监测系统

原标题&#xff1a;桥梁在线监测系统监测背景我国是个桥梁大国&#xff0c;据最新数据统计&#xff0c;我国超过100万座公路桥梁(不含市政桥梁)。影响桥梁的因素居多&#xff0c;人为因素、车辆长期超载、材料自身退化等&#xff0c;缺乏及时到位的管理养护导致结构各部分在远没…

python classmethod_对Python中的@classmethod用法详解

在Python面向对象编程中的类构建中&#xff0c;有时候会遇到classmethod的用法。 总感觉有这种特殊性说明的用法都是高级用法&#xff0c;在我这个层级的水平中一般是用不到的。 不过还是好奇去查了一下。 大致可以理解为&#xff1a;使用了classmethod修饰的方法是类专属的&am…

idea黑色好还是白色好_白色牛仔裤,好看又好搭

白色是属于夏天的颜色&#xff0c;也是最纯洁、最惹人注目的颜色。无论时尚如何轮回迭代&#xff0c;白色给我们的代名词永远是优雅、高贵、纯洁、干净、高贵、永恒等这些美好的词汇。白色是时光、流动、轻巧的颜色&#xff0c;它代表着东方的安静和中庸&#xff0c;也是留白含…

职业高中计算机网络试讲稿,2021教师资格证考试面试高中信息技术试讲稿——《建立数据库的基本过程》...

版权声明&#xff1a;以上文章中所选用的图片及文字来源于网络以及用户投稿&#xff0c;由于未联系到知识产权人或未发现有关知识产权的登记&#xff0c;如有知识产权人并不愿意我们使用&#xff0c;如果有侵权请立即联系&#xff1a;55525090qq.com&#xff0c;我们立即下架或…