CSS根据字数的多少定位图片的大小方法代码,Css代码库,德仔网

代码语言

代码分类

【Css】 CSS根据字数的多少定位图片的大小方法

作者: / 发布于2016/6/15/ 490

CSS样式：

.tishiBox,.tishiBox span{ position:absolute;display:inline-block; background:url(/static/images/sns/teacher/tishiBg.png);_background:url(/static/images/sns/teacher/ie6gif/tishiBg.gif)}
.tishiBox{height:36px; position: absolute; white-space:nowrap;background-position:center 0;}
.tishiBox span{ position:absolute;display:inline-block; background:url(/static/images/sns/teacher/tishiBg.png);_background:url(/static/images/sns/teacher/ie6gif/tishiBg.gif)}
.tishiBox span.spanL,.tishiBox span.spanR{width:10px;height:36px;top:0;}
.tishiBox span.spanL{ background-position:0 0;left:-10px;}
.tishiBox span.spanR{ background-position:right 0;right:-10px;}
.tishiBox p{padding:0 10px;line-height:30px;color:#e70909;}

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
 <div class="tishiBox">
   <span class="spanL"></span>
   <span class="spanR"></span>
    根据字数的多少定义图片的大小
 </div>
</body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

贡献的其它代码Label