Chrome中的Flexbox问题:应该在一行中包装

时间:2019-02-08 15:41:39

标签: html css css3 google-chrome flexbox

IE 11和Firefox都可以正确显示为一行,元素之间具有偶数间距,但是在Chrome中显示为三行,左侧带有标签,右侧是输入。

//This won't run in JSFiddle because the rest of the function doesn't exist
//https://github.com/willstocks-tech/dynamically-polyfill-features-for-a-script/releases - 0.0.5-beta.6

function lMS(f, g) {
  if (Array.isArray(f)) { //Check whether array is being passed or just string
    var promises = []; //Gotta catch 'em all... as an array
    f.forEach( //iterate through the array using Array.forEach()
      function(f) { //pass each item in the array through to the "get script" function
        promises.push(nbU(f)) //push the resolve/reject into the promises array
      }
    );
    Promise.all(promises) //Make sure that all promises that are returned come back as resolved
      .then( //then
        () => init(g) //run the init function!
      );
  } else if (!Array.isArray(f) && f !== null && f !== '') { //if not an array and not blank values
    return nonblankURL(f) //resolve or reject getting the script
      .then( //then
        () => init(g) //run the init function!
      )
  } else { //not array, blank values
    return init(g); //straight to init because no dependency (blank)
  }
}
.flexContainer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    align-content:center;
}
.tceq-input-label {
    text-align: right;
    padding-right: 10px;
}

0 个答案:

没有答案