小编AvL*_*AvL的帖子
PhantomJS无法打开本地文件
我试图用PhantomJS(版本1.9.2)打开一个本地HTML文件:
var page = require('webpage').create(), fs = require('fs'),
address = "/Full/Path/To/test.html";
console.log('isFile? ' + fs.isFile(address));
console.log('isReadable? ' + fs.isReadable(address));
page.open(address, function(status){
console.log('status? ' + status);
console.log(page.content)
phantom.exit();
});
首先,我检查是否有正确的路径,如果文件是可读的使用fs.isFile()&fs.isReadable().然后我检查phantomjs是否成功打开文件(with status).独立于文件的实际内容我总是得到:
isFile? true
isReadable? true
status? fail
<html><head></head><body></body></html>
所以文件和路径似乎没问题 - 但PhantomJS无法打开它!有什么建议？
34
推荐指数
推荐指数
1
解决办法
解决办法
3万
查看次数
查看次数
功能使用border-radius检测不正确的溢出
正如我们所知overflow: hidden,border-radius在所有浏览器中都不能正常工作 - 即Safari和Opera在切割包含图像的圆角方面存在问题.
示例HTML:
<a class="circle" href="#">
<img src="http://placekitten.com/300/300" alt="kitten" />
</a>
和相应的CSS:
.circle {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
height: 120px;
overflow: hidden;
width: 120px;
}
检查这个jsfiddle
我确实使用背景图像对Safari和Opera进行了后退,但我只想在overflow不能正常工作的情况下使用它.现在,我不想仅仅因为已知原因而使用浏览器检测,但我希望能够检测到以正确方式切断角落的能力.通常我会这样检查:
if('overflow' in document.body.style){
// overflow
} else {
// no overflow
}
但这次没有用......所以,有没有办法正确检查？
7
推荐指数
推荐指数
1
解决办法
解决办法
197
查看次数
查看次数
firefox和IE11中的流畅CSS布局中断
我想在一个文本框旁边放置一个图像容器,使图像始终与文本的高度相匹配:
<- 50% -> <- 50% ->
+----------------------+ +----------------------+
| Lorem ipsum dolor si | | some |
| t amet, consectetuer | | image |
| adipiscingelit. Aene | | |
| an commodoligula ege | | |
| t dolor. | | |
+----------------------+ +----------------------+
VS
+------------+ +------------+
| Lorem ipsu | | some |
| m dolor si | | image |
| t amet, co | | |
| nsectetuer | | | Reduce
| adipiscing …5
推荐指数
推荐指数
1
解决办法
解决办法
1419
查看次数
查看次数
<button> 内的垂直对齐项目作为弹性项目
我有许多按钮，里面有不同大小的图像：
<div>
<button><img src="http://via.placeholder.com/200x200" alt=""></button>
<button><img src="http://via.placeholder.com/200x100" alt=""></button>
<button><img src="http://via.placeholder.com/200x50" alt=""></button>
<button><img src="http://via.placeholder.com/200x200" alt=""></button>
<button><img src="http://via.placeholder.com/200x150" alt=""></button>
</div>
所以，我想将这些图像垂直对齐到底部，如下图所示：
但无论我尝试什么，图像总是垂直居中：
看看这个 jsFiddle：https ://jsfiddle.net/y7efebwg/
有趣的是，如果我使用divs 而不是buttons，一切都会按预期进行：https : //jsfiddle.net/Lkycyvvf/1/
0
推荐指数
推荐指数
1
解决办法
解决办法
2740
查看次数
查看次数