小编Mon*_*ffy的帖子
中间对齐css圈内的图标字体
我试图将图标放在圆圈内.我正在使用font-awesome的图标字体.我的代码如下
<ul>
<li><a href="#"><i class="icon-5x icon-camera"></i></a></li>
<li><a href="#"><i class="icon-5x icon-camera"></i></a></li>
<li><a href="#"><i class="icon-5x icon-camera"></i></a></li>
</ul>
CSS
ul {
list-style: none;
}
ul li {
display: inline-block;
margin: 15px;
height: 100px;
width: 100px;
border-radius: 50%;
}
ul li a {
font-size: 1em;
color: #000;
display: table-cell;
vertical-align: middle;
text-align: center;
text-decoration: none;
}
而且我也试过了
a {
line-height: 100%;
text-align: center;
}
但这些方法不起作用.
推荐指数
解决办法
查看次数
使用css将鼠标悬停在另外两个元素上时动画化元素
当我在另一个div上盘旋时,我试图动画div.我有以下代码
HTML
<div>
</div>
<div class="content">
</div>
CSS
div {
height: 100px;
width: 100px;
background: red;
transition: all 0.4s ease-in-out;
}
.content {
height: 20px;
width: 20px;
background: green;
display: none;
}
div:hover + .content{
display: block;
margin-top: -100px;
margin-left: 50px;
}
我想要做的是,我需要动画.content到margin-top:-100px和margin-left:50px; 当用户将鼠标悬停在其中一个元素上时,从其默认位置开始.但是使用此代码的atm仅在用户将鼠标悬停在.content上并且以其他方式设置动画时才有效.(从margin-top:-100px和margin-left:50px;到默认位置).请原谅我的英语
jsfiddle-> http://jsfiddle.net/fTAUk/1/
推荐指数
解决办法
查看次数
将div变为透明以透过两个容器
我有以下标记
<body>
<div class="holder">
<div class="circle"></div>
</div>
</body>
我已经将固定的背景应用于身体元素和应用于类持有者的白色背景
body {
background: url(image.png);
background-attachment: fixed;
}
.holder {
width: 500px;
height: 500px;
background: #fff;
}
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background: rgba(0, 0, 0, 0);
}
我试图做的是使圆圈透明,以查看身体背景.简单地说,我正在尝试的是,使圆圈透明以查看身体背景图像,同时圆圈周围的白色背景仍然存在.请原谅我的英语.伙计们请帮帮我.
推荐指数
解决办法
查看次数
如何使用CSS创建三角形背景
我有以下html块
<div class=""header>
<i class="icon-star"></i>
<h1>some text goes here</h1>
</div>
和这些CSS风格
h1 {
display: inline-block;
}
i {
display: inline-block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 200px 0 0 200px;
border-color: transparent transparent transparent red;
}
而且我正在使用fontawesome图标字体.我想要实现的是这个
这就是我尝试过的jsfiddle.我完全没有这样做.有人可以帮帮我吗？
推荐指数
解决办法
查看次数
使用自调用匿名函数
我正在尝试建立一个用于学习目的的购物车.我有以下代码
HTML
<div id="MyCart" class="product-cart">
<ul>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
</ul>
</div>
JS
var cart = (function () {
cart.createCart = function (cartId) {
console.log(cartId);
cartId = document.getElementById(cartId);
}
return cart;
}());
var shoopingCart = cart.createCart("MyCart");
但是这段代码会抛出以下错误
未捕获的TypeError:无法设置未定义的属性"createCart"
在互联网上花了几个小时并按照一些教程后,我对代码进行了更改,然后开始工作.
但我仍然不明白我在这里做了什么
var cart = (function (cart) {
cart.createCart = function (cartId) {
console.log(cartId);
cartId = document.getElementById(cartId);
}
return cart;
}(cart || {}));
var shoopingCart = cart.createCart("MyCart");
有人可以解释一下为什么代码在将cart || {}表达式传递给匿名函数后开始工作了吗？一些详细的解释会很棒.:)
推荐指数
解决办法
查看次数
如何仅使用CSS消除重音
在不使用JS的情况下，我想使用CSS删除重音符号，以便HTML继续在语义上正确，同时在视觉上实现不带重音符号的大写。
例：
h1 {
text-transform: uppercase;
/*sth here*/
}<h1>Fácil</h1>Tks！
推荐指数
解决办法
查看次数
在浅浅呈现的功能组件上调用instance（）返回null
我有以下React功能组件，它接受名称作为道具
const Name = ({ name }) => <h1>{name}</h1>;
Name.propTypes = {
name: PropTypes.string.isRequired
}
我的测试如下
describe("<Name />", () => {
it("accepts name as a prop", () => {
const wrapper = shallow(<Name name="Monkey D Luffy"/>);
expect(wrapper.instance().props.name).toBe("Monkey D Luffy");
})
})
这将返回以下错误
TypeError：无法读取null的属性“ props”
更新资料
我正在按如下方式调用名称组件
class Person extends React.Component {
state = {name: "Name here"}
render () {
return <div><Name name={this.state.name} /></div>
}
}
我发现调用instance()无状态组件将无法与react 16一起使用。* wrapper.prop()在我的情况下无法使用，因为它仅返回根节点的道具
为什么在渲染的组件上调用实例函数时它返回null，以及如何测试传递到无状态组件中的道具？
原始问题
为什么在渲染的组件上调用实例函数时它返回null
推荐指数
解决办法
查看次数
语义发布无法发布到 npm
我正在使用语义发布 npm 模块来执行 circle ci 中的发布。我收到以下错误
[语义释放] [@语义释放/npm] › ? 将版本 1.0.0 写入 /home/circleci/tmp npm ERR 中的 package.json！版本未更改，可能需要 --allow-same-version
npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/home/circleci/.npm/_logs/2019-01-19T15_21_36_194Z-debug.log [3:21:36 PM] [语义发布] › ? 插件“@semantic-release/npm”的“准备”步骤失败 [3:21:36 PM] [semantic-release] › ? 运行语义发布时出错：{ 错误：命令失败：npm 版本 1.0.0 --no-git-tag-version npm ERR！版本未更改，可能需要 --allow-same-versionnpm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/home/circleci/.npm/_logs/2019-01-19T15_21_36_194Z-debug.logRun Code Online (Sandbox Code Playgroud)at makeError (/home/circleci/tmp/node_modules/execa/index.js:174:9) at Promise.all.then.arr (/home/circleci/tmp/node_modules/execa/index.js:278:16) at process._tickCallback (internal/process/next_tick.js:68:7) code: 1, stdout: '', stderr: 'npm ERR! Version not changed,可能需要 --allow-same-version\n\nnpm ERR！可以在以下位置找到此运行的完整日志：\nnpm ERR!
/home/circleci/.npm/_logs/2019-01-19T15_21_36_194Z-debug.log\n'，
失败：true，信号：null，cmd：'npm version 1.0.0 --no-git-tag-version'，超时：假，被杀：假，插件名称：'@semantic-release/npm' } { 错误：命令失败：npm 版本 1.0.0 --no-git-tag-version …
推荐指数
解决办法
查看次数
使用codeigniter查询本月创建的记录
我有下表
myTable (id{INT},title{VARCHAR}, created{DATE(y-m-d)});
我使用以下代码来查询本月使用codeigniter的活动记录创建的记录数.但我收到一个错误
$this->db->select('*');
$this->db->from('myTable');
$this->db->where('created=', Month(Date));
$query = $this->db->get();
return $query->num_rows();
我的问题是使用CI活动记录执行此操作的正确方法是什么.有人可以帮帮我吗
推荐指数
解决办法
查看次数
使用jQuery使用CSS box-shadow进行脉冲效果
我试图通过使用jquery创建css box-shadow的脉冲效果.我尝试了以下代码,但完全失败了.我想要实现的是具有盒阴影的平滑脉冲效果
我试过的代码是html
<div class="one">
</div>
CSS
.one {
width: 100px;
height: 100px;
background: red;
-webkit-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);
box-shadow: -1px -1px 5px rgba(50, 50, 50, 0.75);
}
.two {
width: 100px;
height: 100px;
background: red;
-webkit-box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
-moz-box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
box-shadow: -1px -1px 13px rgba(50, 50, 50, 0.75);
}
jQuery的
$("div").setInterval(function() {
$(this).toggleClass(".two");
}, 1000); …推荐指数
解决办法
查看次数
标签 统计
css ×6
html ×5
css3 ×3
javascript ×3
activerecord ×1
background ×1
circleci ×1
codeigniter ×1
database ×1
enzyme ×1
font-awesome ×1
html5 ×1
jestjs ×1
jquery ×1
mysql ×1
node-modules ×1
node.js ×1
npm ×1
object ×1
php ×1
reactjs ×1
semantics ×1
text ×1