我使用以下代码将两个盒子并排放在同一高度:
<style>
.row {display:flex;}
.col {flex:1;}
</style>
<div class="row">
<div class="col content">some content</div>
<div class="col content raw">some other content</div>
</div>
这在Firefox中完美运行,但我正在研究我的网站的移动版本并添加box-sizing:border-box;到我的代码中.由于某种原因,这与flex搞砸了,所以我最终再次设置box-sizing了content-box大多数元素并修复了它.但是,我刚刚意识到代码无法在Chrome上运行,无论是桌面还是移动,无论我的box-sizing线路是否存在,我都无法弄清楚什么是无效的.事实上,我正在移动网站上工作,但没有任何东西显示使用Chrome真的困扰我.
对于现场的问题,而该页面box-sizing是在这里和(应该是)移动友好的一个是在这里.
Firefox中的一切都运行良好,Firefox上的移动预览也完美展现了它.任何人都可以帮我弄清楚什么是错的？
我四处寻找答案,但我找不到任何适用于我想要实现的目标.
我有一个页面,其中包含用预标签编写的URL,我使用以下内容自动将任何URL替换为相应的可点击链接:
(function($) {
$(window).load(function() {
var tpage = $("pre");
tpage.html(tpage.html().replace(/box.php/ig, '<a target="_blank" href="/box.php">box.php</a>'));
tpage.html(tpage.html().replace(/sms.php/ig, '<a target="_blank" href="/sms.php">sms.php</a>'));
});
})(jQuery)
这完美无缺.但是,我有两个页面是cards.php和gcards.php.使用上面的cards.php代码也匹配'gcards.php'中的'cards.php',因此,没有建立gcards.php链接.如果我把gcards线放在卡片之前,它就会弄乱gcards链接.
我环顾四周找到了这个,但我似乎无法让代码工作.
是否有任何方法可以使代码仅仅替换'cards.php',将'gcards.php'单独留给另一行代码？
谢谢.