border-bottom:1px solid #333;margin:auto;display:inline-block;} 新闻标题文字2017.12.12 如图所示:解释:垂直居中的直线可以设置为,span标签的父元素p标签的css属性设置为:display:flex;text-align:center; 设置span为块级元素,给它宽、高、下边框。 span标签的属性设置为:margin:aut...
css中BORDER-BOTTOM是下划线,怎么实现垂直居中的线?
1 不想麻烦呢。。你就准备张图。。不知道你是要点呢还是线反正把他作为背景,
然后background-position-y:center;
2 你如果css好,
你可以模拟点 width:2px;height:2px;background:#000;
模拟线:width:100%;height:2px;background:#000;
然后他们position:absolute;left:xxx;top:50%;margin-top:-1px; 当然父级要使用position:relative2017-06-30
<style>li {height:22px; font-size:14px; line-height:22px}li s {display:inline-block; width:200px; height:10px; border-bottom:#828282 1px dotted; margin:0 8px 11px 8px}</style><ul><li>第23周工作动态<s></s>[08-14]</li></ul>2015-09-04
代码如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.my-para{
height:30px;
line-height:30px;
width:400px;
display:flex;
text-align:center;
}
.my-para span{
height:1px;
width:200px;
border-bottom:1px solid #333;
margin:auto;
display:inline-block;
}
</style>
</head>
<body>
<p class="my-para">新闻标题文字<span></span>2017.12.12</p>
</body>
</html>
如图所示:
解释:垂直居中的直线可以设置为<span></span>,span标签的父元素p标签的css属性设置为:display:flex;text-align:center; 设置span为块级元素,给它宽、高、下边框。 span标签的属性设置为:margin:auto; 这样就可以使span的下边框垂直居中与父级元素p
2017-07-05
以office 2003为例,步骤如下:1、在需要插入横线的两个字符之间,单击一下。2、右击,在出现的菜单栏中选择“文字”3、在出现的对话框中,选择“删除线”,确认。4、敲击键盘的空格键,需要多长敲击多少下。2017-07-29