我在Android手机上使用html + css遇到麻烦(我的环境是Nexus 5,Chrome beta)。
让我们看看这个css:
<style type="text/css"><!--
div.sample {
margin: 12px 2px 12px 2px;
}
div.sample span {
padding: 2px 2px 2px 2px;
border: 3px solid #f00;
background-color: #fcc;
}
--></style>
和正文部分(html):
<div class="sample"><span>SAMPLE SAMPLE SAMPLE</span></div>
<div class="sample"><span><a>SAMPLE SAMPLE SAMPLE</a></span></div>
test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test
添加了“测试测试...”部分,以激活Webkit的“字体增强”。
问题是我们希望第一个div(SAMPLE ...)与第二个div(SAMPLE ...)类似,但是,它看起来像这样:
在第二个div情况下,范围不会扩大以适合其元素(SAMPLE ...)。
如果我们在a标签之外添加一些文本,则两个div看起来都一样。
<div class="sample"><span>SAMPLE<a>SAMPLE SAMPLE SAMPLE</a></span></div>
你知道是什么问题吗?我该如何解决?
非常感谢!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句