小编Ste*_*eve的帖子

小牛队的MAMP Pro 3.05更新到Yosemite - Apache无法启动

我已经在优胜美地成功运行MAMP Pro 3.05,在干净安装优胜美地的分区上运行DP4.

我现在已经在我的Mavericks安装上运行了DP5的安装程序,现在MAMP Pro安装将无法启动Apache.它说要检查日志,但我没有看到任何相关内容.

我假设因为这是一个预先存在的安装,其配置中的某些内容对Yosemite的Apache来说是错误的.

有任何想法吗?

apache macos mamp osx-mavericks mamp-pro

183
推荐指数
4
解决办法
8万
查看次数

Sass负变量值?

我有几个scss选择器,我使用相同数量的正面和负面,如:

padding: 0 15px 15px;
margin: 0 -15px 20px -15px;
Run Code Online (Sandbox Code Playgroud)

我更喜欢为所有15px数量使用变量,但这不起作用:

$pad: 15px;
padding: 0 $pad $pad;
margin: 0 -$pad 20px -$pad;
Run Code Online (Sandbox Code Playgroud)

保证金金额转换为正数.我错过了什么吗?

sass css3 compass-sass

95
推荐指数
4
解决办法
3万
查看次数

使用Modernizr检测IE的正确方法?

这可能是一个愚蠢的问题,但我想使用Modernizr JS库来检测某些浏览器属性,以确定要显示或不显示的内容.

我有一个名为Pano2VR的应用程序,它输出HTML5和SWF.我需要HTML5 for iOS设备用户.

但是,IE根本不会呈现此"HTML5"输出.似乎他们的输出使用CSS3 3D变换和WebGL,IE9中显然不支持一个或多个.

因此,对于那些用户,我需要显示Flash版本.我打算使用IFRAME并通过Modernizr脚本传递SRC或document.write出正确的IFRAME代码,具体取决于浏览器.

所有这些都导致我如何使用Modernizr来检测IE或IE?或者检测CSS 3d变换?

或者还有另一种方法吗?

html5 cross-browser modernizr

82
推荐指数
5
解决办法
14万
查看次数

Sublime Text:正则表达式将大写转换为标题大小写?

我在文本文件中有一堆标签(例如MY LABEL :),我需要制作标题案例.

我已经知道如何将它们全部制作成大写或大写.

例如:

^([A-Z &#]+:)\L$1

但是,是否有一种简单的基于开关的方式来获得标题案例?

regex string sublimetext sublimetext3

45
推荐指数
2
解决办法
3万
查看次数

用于将文本附加到每个文件的Shell脚本?

我有一个充满文本文件的文件夹.我需要将相同的文本块附加到每个文本块(当然还要覆盖原始文件).

我想知道正确的Bash shell语法是什么.我会用猫吗?

我做了一些批处理脚本,但我不是Bash专家.任何建议赞赏.

bash concatenation

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

表头位置:粘性和边框问题

这篇文章之后,我有一个表格,我正在尝试获取粘性标题。除了我的表格样式的顶部和底部带有边框的标题。

我不明白的部分是顶部/底部边框应用于th与表格的其余部分一起滚动而不是留在“卡住”标题单元格中。有什么可以做的吗?

可以在此处找到工作示例:https : //codepen.io/smlombardi/pen/MNKqQY?editors=1100#0

let string = ''
console.log("oj")
for(let i=0; i<100; i++) {
  string += `
        <tr>
          <td>Malcolm Reynolds</td>
          <td>Captain</td>
          <td>9035749867</td>
          <td>mreynolds</td>
        </tr>
  `
}
document.getElementsByTagName('tbody')[0].innerHTML += string
Run Code Online (Sandbox Code Playgroud)
.table-sticky-container {
  height: 200px;
  overflow-y: scroll;
  border-top: 1px solid green;
  border-bottom: 1px solid green;
}

.table-sticky {

  th {
    position: sticky;
    top: 0;
    z-index: 2;
    border-top: 1px solid red !important;
    border-bottom: 2px solid red !important;
  }
}
Run Code Online (Sandbox Code Playgroud)
<div class="table-sticky-container">
  <table class="table table-sticky">
    <thead class="thead-light">
      <tr> …
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap

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

项目之间的CSS3 Flexbox间距

对于Flexbox来说有些新手(虽然在CSS中经验丰富),在我看来,我读过的大多数教程都很方便地"掩盖"了灵活项目之间的间距.

例如,引用最多的教程之一就是CSS Tricks中的这个教程.

它非常好并且很有帮助,这样的图表让我失望:

在此输入图像描述

注意flex项之间的空格.虽然没有在任何地方提及,也没有在示例代码中提到,但似乎获取空间的唯一方法是使用css边距.

是正确的,还是我错过了重要的事情?

因为我需要创建的是这个,很像上面的"中心"演示: 在此输入图像描述

但是,当我自己尝试时,我当然得到了这个: 在此输入图像描述

如果我使用空间,我会得到它.巨大的空间. 在此输入图像描述

因此,似乎我需要在前两个框中添加margin-right以获得3个居中的框,它们之间有一个小的间隙.

这对Flexbox来说只是一个糟糕的用例吗?因为我看到使用简单的边距和居中创建我的3个盒子与Flexbox相比没什么好处.

我错过了一些明显的东西吗?

html css css3 flexbox

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

作为flexbox子代的CSS网格表现不尽如人意

我经常使用CSS创建一个响应式3列网格display: grid.我在网格中的HTML标记有3个div项目,因此网格创建3列

display: grid;
grid-gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

当您调整窗口大小时,它会按预期折叠为1列:

https://codepen.io/smlombardi/pen/oqMjrd?editors=1100

.hero-modules {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.hero-modules .hero-item {
  border: 1px solid #000;
  text-align: center;
}

.hero-modules .hero-item h3 {
  font-size: 22px;
  text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div class="hero-modules">
  <div class="hero-item">
    <div>
      <h3>Title of Item</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta est ipsa recusandae.</p>
    </div>
    <div>
      <a class="hero-read-more">Read more</a>
    </div>
  </div>

  <div class="hero-item">
    <div>
      <h3>Title of Item</h3>
      <p>Lorem …
Run Code Online (Sandbox Code Playgroud)

html css css3 flexbox css-grid

18
推荐指数
1
解决办法
336
查看次数

Angular Js将固定的ng-class与同一个标签中的表达式结合起来?

我有一个标签:

<body ng-cloak class="foobar" ng-class="{'fixed-header': settings.isFixed}">
Run Code Online (Sandbox Code Playgroud)

在另一个类似的项目我有一个类似的:

<body ng-cloak class="foobar" ng-class="routeClassName">
Run Code Online (Sandbox Code Playgroud)

我如何同时应用条件类routeClassName 条件类?

我试过了

<body ng-cloak class="foobar" ng-class="{'routeClassName','fixed-header': settings.isFixed}">
Run Code Online (Sandbox Code Playgroud)

和类似的,但它抛出一个错误.所以我想我的语法已关闭....

javascript angularjs

15
推荐指数
2
解决办法
7866
查看次数

将8位十六进制颜色转换为rgba颜色?

我在这个主题上找到的所有内容只是将十六进制转换为rgb,然后添加一个1的alpha.我想从十六进制数字中获得预期的alpha.

颜色如#949494E8#DCDCDC8F明显具有不是0或1的alpha值.

css hex colors rgba

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