小编nvi*_*oli的帖子

我正在尝试将填充添加到元素内的display:flex元素.当填充定义为百分比时,它不会在Firefox中显示,但在定义时会显示px.两种情况都在Chrome中按预期工作.

div {
    background: #233540;
}
div > div {
    color: #80A1B6;
}
.parent {
    display: flex;
}
.padded {
    padding-bottom: 10%;
}

<div class="parent">
    <div class="padded">
        asdf
    </div>
</div>

铬:

火狐:

编辑:这可能是因为Mozilla决定根据父容器的高度来解释垂直百分比.对我来说似乎很疯狂.https://bugzilla.mozilla.org/show_bug.cgi?id=851379

编辑2:是的,看起来规范实际上定义了垂直填充和边距,因为它是根据容器的高度来解决的,所以Chrome可能是不符合规范的那个？ https://drafts.c​​sswg.org/css-flexbox/#item-margins

我正在本地计算机上的Tomcat 7上设置群集/复制,以评估它是否与我的环境/代码库一起使用.

建立

我在不同端口上运行的兄弟目录中有两个相同的tomcat服务器.我有httpd侦听其他两个端口并连接到两个tomcat实例作为VirtualHosts.我可以在配置的端口上访问和交互两个环境; 一切都按预期工作.

tomcat服务器在server.xml中启用了这样的集群:

   <Cluster className="org.apache.catalina.ha.tcp.SimpleTcpCluster"
             channelSendOptions="8">

      <Manager className="org.apache.catalina.ha.session.DeltaManager"
               expireSessionsOnShutdown="false"
               notifyListenersOnReplication="true"/>

      <Channel className="org.apache.catalina.tribes.group.GroupChannel">
        <Membership className="org.apache.catalina.tribes.membership.McastService"
                    address="228.0.0.4"
                    port="45564"
                    frequency="500"
                    dropTime="3000"/>
        <Receiver className="org.apache.catalina.tribes.transport.nio.NioReceiver"
                  address="auto"
                  port="4001"
                  autoBind="100"
                  selectorTimeout="5000"
                  maxThreads="6"/>

        <Sender className="org.apache.catalina.tribes.transport.ReplicationTransmitter">
          <Transport className="org.apache.catalina.tribes.transport.nio.PooledParallelSender"/>
        </Sender>
        <Interceptor className="org.apache.catalina.tribes.group.interceptors.TcpFailureDetector"/>
        <Interceptor className="org.apache.catalina.tribes.group.interceptors.MessageDispatch15Interceptor"/>
      </Channel>

      <Valve className="org.apache.catalina.ha.tcp.ReplicationValve"
             filter=""/>
      <Valve className="org.apache.catalina.ha.session.JvmRouteBinderValve"/>

      <Deployer className="org.apache.catalina.ha.deploy.FarmWarDeployer"
                tempDir="/tmp/war-temp/"
                deployDir="/tmp/war-deploy/"
                watchDir="/tmp/war-listen/"
                watchEnabled="false"/>

      <ClusterListener className="org.apache.catalina.ha.session.JvmRouteSessionIDBinderListener"/>
      <ClusterListener className="org.apache.catalina.ha.session.ClusterSessionListener"/>
   </Cluster>

我将distributable标记添加到web.xml的最开头:

<web-app xmlns="http://java.sun.com/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                      http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
  version="3.0">
  <distributable />

  (lots more...)

</web-app>

什么工作

当服务器启动时,它们会记录

Sep 16, 2013 1:44:23 PM org.apache.catalina.ha.tcp.SimpleTcpCluster startInternal
INFO: Cluster is about to …

Z-index在Safari上无法正常呈现 - 但它在Chrome和Firefox上运行良好.我无法弄清楚Safari特有的bug是什么.

这是相关代码:

.flex-container{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        }

        .flex-item{
        margin-left: 14%;}


        #inner-ul2{
        margin-left: 70px;}


        #inner-navbar{
        z-index: 1;
        background-color: white;
        overflow: hidden;
        margin-top: 50px;
        box-shadow: 0px 10px 10px #444444;}

        .inner-buttons{
        background-color: white;
        overflow: hidden;
        color: black;
        font-family: Roboto;
        font-weight: 300;
        font-size: large;}

        .inner-buttons-left{
        overflow: hidden;
        margin-right: 45px;}

        .inner-buttons-right{
        overflow: hidden;
        margin-left: 40px;}


        #inner-logo{
        position:fixed;
        z-index: 2;
        display: inline-block;
        float: none;
        height: 100px;
        width: 120px;
        margin-top: -20px;
        margin-left: -25px;
        margin-right: auto;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        box-shadow: 0px 20px …

我正在尝试更新我的stream.publish代码以使用javascript SDK中的提要对话框,但由此产生的Facebook帖子很小且很难看.更令人讨厌的是,facebook上的帖子与我网站上的预览不符.

这是我的代码:

function facebook_publish_feed_story() {
  var publish = {
      method: 'feed',
      link: 'http://www.wikipedia.org/',
      picture: 'http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png',
      name: 'Name of the link',
      caption: "A caption that's kind of long like this I'm going to write some more words"
      description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae augue sed urna fermentum vulputate. Nunc porttitor vestibulum vestibulum. Aliquam eget feugiat lectus. Duis ullamcorper sollicitudin nisi sit amet congue.'
    };

  FB.ui(publish, function(response) {
    //do something with response
  });
} …

假设我要创建一个带有苗条的多色选择器，也许让用户选择前景色和背景色。我的数据模型如下所示：

{
  foreground: {
    r: 100,g:100,b:100
  },
  background: {
    r: 200,g:200,b:200
  }
};

所以我的app.js是

    import AppUI from './App.html';
import { Store } from 'svelte/store.js';

const defaultData = {
  foreground: {
    r: 100,g:100,b:100
  },
  background: {
    r: 200,g:200,b:200
  }
};

const store = new Store(defaultData);

window.store = store; // useful for debugging!

store.onchange(() => console.log('something changed'));

var app = new AppUI({
  target: document.querySelector( '#main' ),
  store
});

export default app;

然后，我可以构建一个RGBSelector组件以重用：

  <input type="range" min=0 max=255 step=1 bind:value=data.r/>{{data.r}}
  <input type="range" …

我有两个文件集,让我们称他们base和mods.该mods文件覆盖base文件,所以当我运行相关一口任务base,我需要运行mods后直接任务.我的设置是这样的:

gulp.task('base',function(){
  return gulp.src('base-glob')
    .pipe(...)
    .pipe(gulp.dest('out-glob'))
});

gulp.task('mods',function(){
  return gulp.src('mods-glob')
    .pipe(...)
    .pipe(gulp.dest('out-glob'))
});

所以我想mods在完成任务时运行base任务.请注意,这与定义base为依赖关系不同mods,因为如果我只更改mods文件,我只需要运行mods任务.我不想使用插件.

我一直在阅读有关回调函数和同步任务的其他建议的文档,但似乎无法理解它.

首先,我知道字母间距问题导致内联块元素之间的水平空格.这不是另一个问题.

相反,我有一个高宽度的内嵌块元素,我希望它的下一个邻居直接从下面邻接它,但它们之间总是有一个看起来与行高有关的空间.

我已经尝试了我能想到的垂直对齐,字体大小和线高的每种组合.任何人都有创造性的方法去除那个空白？

.blue{background:blue;}
.red{background:red;}

.blue,.red{
  width: 100%;
  height:5px;
  display: inline-block;
}

<div class="blue"></div>
<div class="red"></div>