小编Wea*_*.py的帖子
如何删除超链接图像周围的轮廓？
当我们使用CSS使用文本替换并给出否定的测试缩进即text-indent:-9999px.然后,当我们点击该链接时,虚线显示在下面的示例图像中.这是什么解决方案？
推荐指数
解决办法
查看次数
如何迭代参数
我有这样的剧本:
import argparse
parser = argparse.ArgumentParser(
description='Text file conversion.'
)
parser.add_argument("inputfile", help="file to process", type=str)
parser.add_argument("-o", "--out", default="output.txt",
help="output name")
parser.add_argument("-t", "--type", default="detailed",
help="Type of processing")
args = parser.parse_args()
for arg in args:
print(arg)
但它不起作用.我收到错误:
TypeError: 'Namespace' object is not iterable
如何迭代参数及其值？
推荐指数
解决办法
查看次数
链接和图标之间的空间,fontawesome
在链接/段落和图标之间获得空格的最佳方法是什么？
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<a href="#/upgrade/selection"><i class="fa fa-reply"></i>Change</a>在文本之前放置一个空格是不行的,因为当你缩小/ uglify项目时它会被更改回来.
我试过各种填充和边距.不能让他们分开.
推荐指数
解决办法
查看次数
将box-shadow添加到:after伪元素之后
我有一个div调用.testimonial-inner并使用:after伪元素我有一个箭头位于它下面指向下方.我遇到的问题是为它添加一个盒子阴影,所以它们看起来都像一个自然元素.
没有box-shadow三角形:
body {
background: #eee
}
.testimonial-inner {
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 30px;
display: block;
margin-bottom: 25px;
position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}
.testimonial-inner:after {
top: 100%;
left: 48px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: …推荐指数
解决办法
查看次数
CSS变换比例,不要缩放子元素
如果我有一个带有一些子元素的div,那就是css变换缩放.我有一个我不想扩展的子元素
#parent{
-webkit-transform: scale(.5);
}
span:last-child{
-webkit-transform: Something to ignore the parent scale;
}<div id="parent">
<span>Child 1</span>
<span>Child 2</span>
<span>Child 3 (Don't Scale Me)</span>
</div>这可以用css完成吗？不改变html或使用js.
推荐指数
解决办法
查看次数
使用JavaScript将div定位在一个圆圈中
我试图将15个div元素均匀地放在一个半径为的圆圈中150px.我正在使用下面的代码,这似乎给出了一个奇怪的偏心椭圆重叠.
小提琴
// Hold a global reference to the div#main element. Initially assign it ... somewhere useful :)
var main = document.getElementById('main');
var circleArray = [];
// Move a circle based on the distance of the approaching mouse
var moveCircle = function(circle, dx, dy) {
};
// Look at all the circle elements, and figure out if any of them have to move.
var checkMove = function() {
};
var setup = function() {
for (var …推荐指数
解决办法
查看次数
过滤数组中特定的数字范围
我正在创建一个模糊画布边框的算法(图像).在应用模糊效果之前,我正在创建一个filtered包含所有需要模糊的像素值的数组.
我创建了一个10×10px图像的例子.
function compute(w, h, bW) {
w *= 4;
var ignored = [];
for (y = bW; y < (h - bW); y++) {
for (x = 0; x < (w - (bW * 4 * 2)); x++) {
ignored.push(w * y + x + bW * 4);
}
}
console.log(ignored);
function range(limit) {
return Array.apply(null, Array(limit)).map(function(_, i) {
return i;
})
}
Array.prototype.diff = function(array) {
return this.filter(function(elem) {
return array.indexOf(elem) === -1;
})
}
var …推荐指数
解决办法
查看次数
从左到右绘制复选标记CSS动画
我正试图从左边向下绘制一个复选标记,上面是CSS动画.我把左边的部分放下了,但是回去似乎没有用.它从右到下.有谁知道我怎么能让这个更顺畅,实际上看起来像一张支票？
setTimeout(function() {
$('#kick').addClass('draw2');
}, 500);#kick {
height: 150px;
width: 20px;
background: green;
-webkit-transform: rotate(45deg);
position: relative;
top: -24px;
left: 273px;
}
#stem {
height: 60px;
width: 20px;
background: green;
-webkit-transform: rotate(-45deg);
position: relative;
top: 100px;
left: 200px;
}
@-webkit-keyframes draw1 {
from {
height: 0;
}
to {
height: 60px
}
}
@-webkit-keyframes draw2 {
from {
height: 0;
}
to {
height: 150px;
}
}
.draw1 {
-webkit-animation-name: draw1;
-webkit-animation-duration: 0.5s;
}
.draw2 {
-webkit-animation-name: draw2;
-webkit-animation-duration: …推荐指数
解决办法
查看次数
逗号分隔的跨度与纯CSS
我有 - 比方说 - 我的页面上有4个跨度.每个内容都由我的viewmodel中的knockout填充.有时几个内容的内容是空的.我想以一种漂亮的,逗号分隔的方式显示它们,考虑可能的空白.
我尝试了以下HTML和CSS.
版本1
它还显示空跨区的逗号
.comma:not(:last-child):after {
content: ", ";
}<span class="comma">A</span>
<span class="comma">B</span>
<span class="comma"></span>
<span class="comma">D</span>版本2
如果最后一个跨度为空,它会显示(可视)最后一个逗号.
.comma:not(:empty):not(:last-child):after {
content: ", ";
}<span class="comma">A</span>
<span class="comma">B</span>
<span class="comma">C</span>
<span class="comma"></span>无论差距在哪里(如果有的话),我怎么能调整它才能始终正确渲染？我只需要支持现代浏览器(IE9 +等).
推荐指数
解决办法
查看次数
将一个三角形点添加到使用CSS更改内容高度的div？
我有一个div,我需要给它一个角点.高度将根据其内容而变化,因此使用伪内容和边框(如下文中的内容)将无法使用.
http://css-tricks.com/snippets/css/css-triangle/
由于这是渐进式增强,我只需要支持现代浏览器.
推荐指数
解决办法
查看次数
标签 统计
css ×8
html ×6
css3 ×4
javascript ×3
css-shapes ×2
animation ×1
argparse ×1
arrays ×1
canvas ×1
filter ×1
font-awesome ×1
jquery ×1
python ×1
transform ×1