css中BORDER-BOTTOM是下划线，怎么实现垂直居中的线？ 10
BORDER-BOTTOM:#8282821pxdotted;是下划线。怎么实现在一行空白DIV或表格中，获得垂直居中的线？类似于这样...
BORDER-BOTTOM: #828282 1px dotted;
是下划线。
怎么实现在一行空白DIV或表格中，
获得垂直居中的线？
类似于这样 展开
是下划线。
怎么实现在一行空白DIV或表格中，
获得垂直居中的线？
类似于这样 展开
展开全部
代码如下：
<!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
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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：relative
然后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：relative
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
以office 2003为例，步骤如下：1、在需要插入横线的两个字符之间，单击一下。2、右击，在出现的菜单栏中选择“文字”3、在出现的对话框中，选择“删除线”，确认。4、敲击键盘的空格键，需要多长敲击多少下。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
