让html的一行不执行css3,css,css3_如何让浮动span自动占有一行，css,css3,html,html5 - phpStudy...

如何让浮动span自动占有一行

今天搞博客,有个问题解决不了,先上图:

这是正常状态:

这是压缩状态:

当用chrome缩小网页的时候,可以看到span被挤出了a的边框,怎么才能让span被压缩的时候自占一行.

测试代码:

Test

a {

position: relative;

display: block;

padding: 10px 15px;

margin-bottom: -1px;

background-color: #fff;

border: 1px solid #ddd;

text-decoration: none;

}

span {

float: right;

display: inline-block;

min-width: 10px;

padding: 3px 7px;

font-size: 12px;

font-weight: bold;

color: #fff;

line-height: 1;

vertical-align: baseline;

text-align: center;

background-color: #999;

border-radius: 10px;

}

Lorem ipsum dolor sit amet, consectetur adipisicing2014年04月25日

相关阅读:

使用FadingActionBarHelper，为啥设置了actionbar 的背景会没用？？

期刊数据库的信息能否被抓取？

学写了个JS轮播组件，应该不规范，还报了2个错误，请大伙帮忙看看谢谢

php中 预处理与事务同时使用

JSONObject.getString()这个函数的问题？

JAVA数据前台展现，仪表盘样式

多用户事件调度是否影响数据库性能？

JavaScript 中,如果 function 中使用了 return this,外部为什么就不用写 new 了?

java包访问控制权限和公有静态成员变量该怎么理解?

跪求大神：如何点击button触发FileUpload事件，打开文件选择对话框

域名访问 HTTP_HOST 奇怪的现象

RN iOS TextInput onChange绑定问题

ViewGroup在执行removeView/addView时，如何取消焦点变化？

mysql单次插入多少数据会发生丢失现象

网站统计中Hits Files Pages Visits 这些都是什么意思？

给头部设置上下15px的内边距，把下边的nav挤下去了？

"format cjs"; 这句话是什么意思

手机上的touchend和click事件会重复触发？

求推荐类似stickUp，Grumble这样小有有趣的JS插件及github地址

block变量怎么变为全局变量