文字两边加横线

<div id="login_frame">

<div class="with-line">推荐使用以下浏览器</div>

</div>

<style type="text/css">

/*

文字两边横线

*/

#login_frame .with-line {

width:462px;font-size: 16px;

color: #000;

margin: 0 auto;

position: relative;

text-align: center

}

#login_frame .with-line:before {

content: "";

border-top: 1px solid #000;

display: block;

position: absolute;

width: 150px;

top: 10px;

left: 0

}

#login_frame .with-line:after {

content: "";

border-top: 1px solid #000;

display: block;

position: absolute;

width: 150px;

top: 10px;

right: 0

}

</style>

时间: 2024-11-06 23:07:05

文字两边加横线的相关文章

文字两侧加横线的解决方案

文字两侧加横线的需求你遇到过吗?在参与的项目中我遇到过这种需求,总结了一下,目前分为两种: 一,文字所在的背景是纯色,单一颜色: 二,文字所在背景是花色,或者是背景图片 给你一些时间,思考一下: 脑海闪过了什么?定位,浮动,背景图片,伪元素...还是大脑一片空白? 条条大路通罗马,相信给你足够的时间,静静的坐在开着空调的房间里,你会得到自己的实现方法. 先看第一种,背景纯色的实现方案. 用的一个方法是用一个空的标签,来写这条横线.当然也可以用背景图,切一个中间透明,两边白条的图片.也可以使用伪元

TextView过长显示省略号, TextView文字中间加横线

1.TextView显示的内容过长时自己主动显示省略号: 省略号的位置: android:ellipsize="end"   省略号在结尾 android:ellipsize="start" 省略号在开头 android:ellipsize="middle"    省略号在中间 TextView显示的行数: android:singleline="true" android:lines="2" 在java文

文字两边的横线实现

横线用到了伪类进行实现. css: h4,h5 { text-align: center; } h5{ color: gray; } .onimg_title:before{ display: inline-block; position: relative; top:-7px; right: 20px; content: ""; width: 100px; height: 0px; border: 1px solid black; } .onimg_title:after{ disp

Android TextView(EditView)文字底部或者中间 加横线

Android TextView(EditView)文字底部或者中间 加横线 tv = (TextView) this .findViewById(R.id. text_view ); 中间加横线 tv.getPaint().setFlags(Paint. STRIKE_THRU_TEXT_FLAG ); 底部加横线: tv .getPaint().setFlags(Paint. UNDERLINE_TEXT_FLAG );

每日总结 - Android TextView文字底部或者中间 加横线

tv = (TextView) this .findViewById(R.id. text_view ); 中间加横线 tv.getPaint().setFlags(Paint. STRIKE_THRU_TEXT_FLAG ); 底部加横线: tv .getPaint().setFlags(Paint. UNDERLINE_TEXT_FLAG ); 附: TextVIew 的Html解析方法: 1 String htmlLinkText= " <a href=\\" +"

word页码上加横线&amp;&amp;word删除单页页眉

word(2010)页码上加横线 插入——>页脚(选择年刊型)——>如图 然后拖住“竖条条”将页码拖到正中间——>点中页脚右击——>选中“表格属性”——>“边框和底纹”——>在右侧预览查看——>点击“竖条条”——>确定——>确定 word删除单页页眉 在“页面布局”中——> 分隔符——>下一页,这时会出现一个空白页,与下一页分割开来,然后在鼠标点击到下一页——>插入——>脚眉——>选中“首页不同”——>就可以删除脚眉

TextView------文字底部或者中间加横线

promotionLinkText = (TextView) this .findViewById(R.id. text_promotion_link ); 中间加横线 promotionLinkText .getPaint().setFlags(Paint. STRIKE_THRU_TEXT_FLAG ); 底部加横线: promotionLinkText .getPaint().setFlags(Paint. UNDERLINE_TEXT_FLAG );

UIlabel文字两边对齐

iOS开发 UIlabel 文字两边对齐 思路:算出每个字符之间的宽度 给UIlabel添加一个分类即可,代码如下: * 必须导入这个头文件:CoreText/CoreText.h p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; color: #000000; background-color: #fffcea } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Me

Latex之给字符上加横线、波浪线、^等

加^号 :      \hat{x} 加横线 :    \overline{x} 加宽^:       \widehat{x} 加波浪线 : \widetilde{x} 加一个点 : \dot{x} 加两个点:  \ddot{x} 以上六种对应结果: 如果是在正文中:要在左右带上$$. 如果是在\begin{equation} ...\end{equation},即公式中,直接使用即可. 原文地址:https://www.cnblogs.com/xiximayou/p/12306724.html