html怎么让⼦⾃动另起⼀⾏,如何让浮动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;
html span 居中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⽇
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论