小编Mar*_*der的帖子

如何右键对齐flex项?

是否有更多的flexbox-ish方式来正确对齐"联系"而不是使用position: absolute

.main { display: flex; }
.a, .b, .c { background: #efefef; border: 1px solid #999; }
.b { flex: 1; text-align: center; }
.c { position: absolute; right: 0; }
Run Code Online (Sandbox Code Playgroud)
<h2>With title</h2>
<div class="main">
    <div class="a"><a href="#">Home</a></div>
    <div class="b"><a href="#">Some title centered</a></div>
    <div class="c"><a href="#">Contact</a></div>
</div>
<h2>Without title</h2>
<div class="main">
    <div class="a"><a href="#">Home</a></div>
    <!--<div class="b"><a href="#">Some title centered</a></div>-->
    <div class="c"><a href="#">Contact</a></div>
</div>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/vqDK9/

html css html5 css3 flexbox

598
推荐指数
11
解决办法
61万
查看次数

使用set mouse = a复制Vim外部的文本

启用后set mouse=a,Vim内部复制的文本不会粘贴到Vim之外.有人知道解决这个问题的方法吗?

在这里,用鼠标选择文本会打开可视模式并禁用Copy弹出菜单中的选项:

在此输入图像描述

vim mouse configuration copy-paste

212
推荐指数
6
解决办法
9万
查看次数

Slick.js:获取当前和总幻灯片(即3/5)

使用Slick.js - 如何获得当前和总幻灯片(即3/5)作为点的简单替代?

我被告知我可以使用customPaging回调参数对象来使用回调,但这究竟是什么意思呢?

$('.slideshow').slick({
    slide: 'img',
    autoplay: true,
    dots: true,
    customPaging: function (slider, i) {
        return slider.slickCurrentSlide + '/' + (i + 1);
    }
});
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/frank_o/cpdqhdwy/1/

javascript jquery slick.js

32
推荐指数
2
解决办法
8万
查看次数

zsh:找不到命令:bundle(在gem install bundle之后)

为什么zsh: command not found: bundle之后gem install bundler

我试着设置path=( /usr/local/lib/ruby/gems/2.2/gems/ ~/bin /bin /sbin /usr/bin /usr/sbin /usr/local/bin /usr/local/sbin )/etc/zshrcsource /etc/zshrc没有用.

root@dev:/home/dev# gem install bundler
Successfully installed bundler-1.7.12
Parsing documentation for bundler-1.7.12
Done installing documentation for bundler after 10 seconds
1 gem installed

root@dev:/home/dev# bundle
zsh: command not found: bundle

root@dev:/home/dev# uname -a
OpenBSD dev.my.domain 5.7 GENERIC#748 amd64

root@dev:/home/dev# gem environment
RubyGems Environment:
  - RUBYGEMS VERSION: 2.4.5
  - RUBY VERSION: 2.2.0 (2014-12-25 patchlevel …
Run Code Online (Sandbox Code Playgroud)

ruby gem openbsd bundler

20
推荐指数
4
解决办法
2万
查看次数

您已经激活了机架1.6.0,但您的Gemfile需要机架1.6.4

与机架1.3.2的问题类似.你已经激活了机架1.3.2,但你的Gemfile需要机架1.2.3 - 我You have already activated rack 1.6.0, but your Gemfile requires rack 1.6.4在尝试使用Puma和Nginx在生产中运行Rails(4.2)时遇到了问题.

bundle update rakerm Gemfile.lock && bundle install似乎没有帮助,到目前为止我唯一的解决方案是手动更改rack (1.6.4)rack (1.6.0)Gemfile.lock.

rack ruby-on-rails nginx gemfile

15
推荐指数
1
解决办法
8633
查看次数

CSS背景图片位于<img>之上

如何在HTML上重复这个1px x 1px CSS背景图像<img>

http://jsfiddle.net/hjv74tdw/1/

我在其他包含的元素之上遇到了CSS show div背景图像,但它似乎需要一个额外的div.理想情况下,我希望我根本不必使用div,但根据CSS背景图像而不是HTML img,这是不可能的,至少不是100%宽度响应场景.

.test {
  background: url(http://placehold.it/1/1) repeat;
  position: relative;
  z-index: 100;
  width: 200px;
}
.test img {
  width: 100%;
  display: block;
  position: absolute;
  z-index: 50;
}
Run Code Online (Sandbox Code Playgroud)
<div class="test">
    <img src="http://lorempixel.com/400/400">
</div>
Run Code Online (Sandbox Code Playgroud)

html css

13
推荐指数
1
解决办法
4万
查看次数

Ruby - TypeError:没有将Hash隐式转换为String

试图解析一些JSON,为什么是text空的?

期望的输出:

text 应该回来 Hello world\n\nApple, Harbor\n\nBanana, Kitchen\n\nMango, Bedroom

text = "Hello world"

json = '{"fruits": [{"name": "Apple", "location": "Harbor"}, {"name": "Banana", "location": "Kitchen"}, {"name": "Mango", "location": "Bedroom"}]}'
fruits = JSON.parse(json)

def format_fruits(fruits)
  fruits.each do |fruit|
    puts "\n\n#{ fruit[0]['name'] }, #{ fruit[0]['location'] }"
  end.to_sentence
end

text += format_fruits(fruits)
text
Run Code Online (Sandbox Code Playgroud)

当前输出:

TypeError: no implicit conversion of Hash into String
        from (irb):5:in `+'
        from (irb):5
        from /home/mark/.gem/ruby/2.1.1/gems/railties-4.1.7/lib/rails/commands/console.rb:90:in `start'
        from /home/mark/.gem/ruby/2.1.1/gems/railties-4.1.7/lib/rails/commands/console.rb:9:in `start'
        from /home/mark/.gem/ruby/2.1.1/gems/railties-4.1.7/lib/rails/commands/commands_tasks.rb:69:in `console'
        from /home/mark/.gem/ruby/2.1.1/gems/railties-4.1.7/lib/rails/commands/commands_tasks.rb:40:in `run_command!'
        from /home/mark/.gem/ruby/2.1.1/gems/railties-4.1.7/lib/rails/commands.rb:17:in `<top …
Run Code Online (Sandbox Code Playgroud)

ruby hash json

9
推荐指数
1
解决办法
3万
查看次数

在段落中放置表情符号而不影响“行高”

如何在段落中插入表情,无论line-height表情有多大,都不影响内容?IE。喜欢:

在此输入图像描述

我得到的最接近的是 或position: absolutevertical-align: text-top但没有一个能完成这项工作。

p img {
    height: 35px;
    display: inline;
}
#one img {
    vertical-align: text-top;
}
#two img {
    position: absolute;
}
Run Code Online (Sandbox Code Playgroud)
<p id="one">Marzipan chupa chups marzipan. Bear claw donut candy powder cupcake tart. Tiramisu cotton candy jelly biscuit pie <img src="https://rawgit.com/github/gemoji/master/images/emoji/bowtie.png"> Jelly beans muffin croissant. Cupcake cookie pudding tootsie roll wafer. Bear claw jelly gummies sugar plum bear claw candy chocolate jelly. Donut brownie pie dessert cupcake donut oat cake …
Run Code Online (Sandbox Code Playgroud)

css emoji

7
推荐指数
1
解决办法
2475
查看次数

Rails I18n:更好的内插链接方式?

这样做是否有更清洁,content_tag-ish方式?(我不想在我的YML中使用HTML)

en.yml:

expert_security_advice: "Go <a href='{{url}}'>here</a> for expert security advice."
Run Code Online (Sandbox Code Playgroud)

layout.html.erb:

<%= t(:expert_security_advice, :url => "http://www.getsafeonline.org") %>
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails dry internationalization

6
推荐指数
1
解决办法
3029
查看次数

jQuery Mobile 1.4无限滚动:窗口滚动不会触发

在jQuery Mobile 1.4中,为什么不$(window).scroll解雇?这是一个非工作示例,试图检测用户何时滚动到页面末尾:

http://jsfiddle.net/5x6T2/

$(document).on('pagecontainershow', function () {
    $(window).scroll(function () {
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            alert("Bottom reached!");
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

在弃用之前,这在jQuery Mobile 1.3中都运行良好pageshow:

http://jsfiddle.net/Demr7/

$(document).on('pageshow', '.ui-page', function() {
    $(window).scroll(function () {
        if ($(window).scrollTop() + $(window).height() == $(document).height()) {
            alert("Bottom reached!");
        }
    });
});
Run Code Online (Sandbox Code Playgroud)

谁知道该怎么办?

jquery-mobile

6
推荐指数
1
解决办法
7103
查看次数