div内容文字自适应

神马都不用说了

先来张图

下面是代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><style>.mDiv{background-color: red;width: 100%;height: 40px;line-height: 40px;color: black;font-size: 20px;display: inline;padding: 10px 15px;border-radius: 25px;margin-left: 20px;}</style></head><body><div class="mDiv">div里面的文字自适应</div><div class="mDiv">div里面的文字自适应 div里面的文字自适应 div里面的文字自适应 div里面的文字自适应</div></body>
</html>

div内容文字自适应相关推荐

CSS文字自适应div宽度
1.文字自适应宽度 <body><div class="box"><div>大风起兮云飞扬</div><div>安得猛士 ...
div中内容文字垂直居中、文字不换行显示省略号
目录 div中文字垂直居中 2.文字不换行,文本溢出显示省略标志 div中文字垂直居中 1.行高法文字的行高和容器的高度相同, p { height:30px; line-height:30px; ...
html文字自适应屏幕居中显示,DIV+CSS经典布局[宽度自适应][自动屏幕居中]的实现...
test --> Header 分析: 最外层的wrapper把所有内容都嵌套在里边,整体相对定位.max min已经很好的控制了最窄最宽值,但对IE没有作用.如果没有其他布局的穿插,这一层其实 ...
marquee实现文字移动效果;js+div实现文字无缝移动效果
1.marquee实现文字移动: <marquee width="220px;" scrollamount="5" onmouseover="t ...
html文章整体居中,div居中与div内容居中
div css构造时,常见到div 居中与div内容居中,即div自身水平居中与div内的形式居中结构. 而模式居中又分为垂直居中与程度居中,这里CSS5将一一让各人把握这几个居中构造本事. 对付di ...
div模拟textarea自适应高度
之前在公司做项目的时候,有这么一个需求,要我写一个评论框,可以随着评论的行数增加而自动扩大,最开始我想用textarea实现,但是后来尝试后发现textarea并不适合,textarea的高度不会随着 ...
div居中与div内容居中,不一样
1.div自身居中使用margin:0 auto 上下为0,左右自适应的css样式. 要让div水平居中,那么除了设置css margin:0 auto外,还不能再设置float,不然将会导致div ...
css html 字竖,CSS实现文字竖排 DIV CSS文字垂直竖列排版显示如何实现？
DIV CSS实现文字竖排排版显示兼容各大浏览器,让文字垂直竖列排版布局. 有时我们需要一段文字进行从上到下竖列排版,我们知道CSS样式中有一样式可以让其竖列排版,但所有浏览器不全兼容,逼不得已放弃. ...
html盒子阴影效果,CSS3给div或者文字添加阴影（盒子阴影、文本阴影的使用）
添加阴影效果以前只能使用图片来实现了,现在的css3功能非常的强大了,今天我们就一起来看关于CSS3给div或者文字添加阴影(盒子阴影.文本阴影的使用)的方法,具体的例子如下所示． CSS3定义了两种 ...

div内容文字自适应

div内容文字自适应相关推荐

最新文章

热门文章