CSS如何设置换行文字自动对齐

CSS如何设置换行文字自动对齐

如图所示:

代码实现如下:

<ul class=‘warn-page-content‘>
                <li>
                    子账号登录名将改为<span class=‘text-warning-s‘>“原登录名@域”</span>。<br/>
                    <span class=‘text-warning-i‘>例如:原登录名为aa,您设置的域为@wo.onaliyun.com,升级后登录名为[email protected]。</span>
                </li>

</ul>

css:

.text-warning-i{

width: 100%;

display: inline-block;

}

(注: 重点是要设置width的宽度)

时间: 2024-10-06 20:47:48

CSS如何设置换行文字自动对齐的相关文章

div css文字字体行高行距 深入理解css行间距设置

div css文字字体行高行距 深入理解css行间距设置 div css文字字体行高行距 DIVCSS5带您深入理解css行间距设置,字体行距如何最简单地设置. 在文章中,要实现调节设置每行文字字体间距(行距)是使用line-height属性.(体感音乐) 要使得每行的文字一定的间距距离所以可以通过line-height样式实现.接下来DIVCSS5通过DIV CSS实例实现字体文字上下间距. 相关扩展CSS教程: css line-height div css字间距 为了观察到行距设置效果,新

CSS如何设置文字之间的间隔

CSS如何设置文字之间的间隔:在通常情况下都是使用文字的默认间距,但是有时候也要认为的设置文字之间的间距,下面就通过实例代码介绍一下如何实现此效果,代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <

CSS实现强制换行-------Day 78

其实最早的时候也考虑过这个问题,当时还在想需要判定文字的长度么,实在是傻到极点了,原来CSS中本来就有这个样式设置的.而今天正好看到了有这么一篇介绍,仔细看了下,感觉还不错,这里也把实验的结果记录下. 初始阶段: <span style="font-family:SimSun;font-size:12px;"><div style="width:200px;height:50px;background:yellow;">comedycooki

css如何实现一个文字两种颜色代码实例

css如何实现一个文字两种颜色代码实例:在实际应用中可能需要设置文本效果比较炫酷.有一种效果就是将一个文字设置为两种颜色,使用普通的方法肯定是无法实现.下面就分享一下实现此功能的代码实例: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/&qu

css如何实现让文字沉到元素的底部

css如何实现让文字沉到元素的底部:在实际应用中可能有这样的需求,那就是将指定的文本沉降到元素的底部.下面就通过代码实例介绍以下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <ti

CSS如何设置div背景透明度且兼容性良好

CSS如何设置div背景透明度且兼容性良好: 建议:尽可能的手写代码,可以有效的提高学习效率和深度. 设置对象的透明度在很多网页特效中都有实用,设置对象的透明度并不难,唯一的难点可能就是如何兼容各大主流浏览器,下面就简单介绍一下如何实现此效果.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" cont

【设置具体文字的字体,倾斜效果】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/css;charset=utf-8"> <titl

Android进阶(二十二)设置TextView文字水平垂直居中

设置TextView文字水平垂直居中 有2种方法可以设置TextView文字居中: 一:在xml文件设置:android:gravity="center" 二:在程序中设置:m_TxtTitle.setGravity(Gravity.CENTER); 备注:android:gravity和android:layout_gravity的区别在于前者对控件内部操作,后者是对整个控件操作. 例如:android:gravity="center"是对textView中文字居

CSS控制图片和文字在同一行显示且对齐的3种方法

CSS控制图片和文字在同一行显示且对齐的3种方法 在 HTML 代码中,有时会需要在文字旁边加上一个图标. 默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐. 常见方法有3种:1.通过添加css的“vertical-align:middle;”:2.如果图片是背景图片,可以在css中设置背景图片:3.把文字和图片分别放入不同的div中.上面三种方法都可以让图片和文字在同一行显示,下面我们用实例来应用一下. 1.添加上“vertical-align:middle”属