我正在尝试<div>
使用以下代码创建一个简单的两列设计,其中包含两个 inline-block :
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<style type="text/css">
body, html {
margin: 0;
}
#outer {
background: #F00;
padding-top: 10px;
}
.col {
display: inline-block;
width: 50%;
background: #00F;
margin-top: 10px;
vertical-align: top;
}
</style>
</head>
<body>
<div id="outer">
<div class="col">
Lorem ipsum dolor sit amet
</div><!--
--><div class="col">
consectetur adipiscing elit.
</div>
</div>
</body>
</html>
但是,我遇到了 Opera Mobile (Opera Classic) 的问题。该浏览器默认启用了一个名为“文本环绕”的设置。关闭后,页面将按需要呈现:
但是,启用该功能后,它会显示如下:
有没有办法使用 HTML 或 CSS 覆盖此功能?