.title{
display:flex;
width:80%;
margin:0 auto;
}
.title .line{
flex:1;position:relative;
top:-11px;
border-bottom: 2px solid #000;
}
.title .text{
padding:0 12px;
font-size: 20px;
} <body>
<div class="title">
<div class="line"></div>
<div class="text">居中</div>
<div class="line"></div>
</div>
一、使用flex实现垂直居中 利用css flex实现垂直居中。flex可能不是实现垂直居中最好的选择，因为IE8...
字体外部描边 Css 基于flex布局的盒子上下居中 Css 基于flex布局的盒子左右居中 Css 基于flex...
内容居中 flex实现上下居中，最简单。 背景图片自适应，宽度100%还是高度100%。 1920/1080是背景...
flex布局实现垂直居中例如这种实现垂直居中效果 html代码： css代码： 注意：主要是 display：fl...
CSS 1、垂直居中的方法 文本内容：使用line-height flex布局扩展：flex常用属性1、flex-...
1.CSS中实现水平垂直居中几种方法(这里举出两种方法) 解一（利用flex布局）.box{display: fl...
1. css实现图片自适应宽高 2.讲 flex，手写出 flex 常用的属性，并且讲出作用 flex 是 fle...
1、css实现图片自适应宽高 2、什么是flex，写出常见属性，以及作用 Flex即：Flexible Box，弹...
1、css实现图片自适应宽高 2、什么是flex，写出常见属性，以及作用 Flex即：Flexible Box，弹...
本文标题：自适应 ——居中—— css实现的方法（flex）
本文链接：https://www.haomeiwen.com/subject/swqmdqtx.html
网友评论