小编Ber*_*Ber的帖子

我使用100vh垂直居中div与行高.这个网站支持vh和vw在70%左右,这是一个公平的评估吗？您是否建议在构建网站时使用视口单元？我知道这有点主观,我只是寻找更有经验的网络开发人员的意见而不是我.

编辑:感谢大家的投入,我确实希望它在移动设备上看起来不错,所以我想我不得不放弃vh.

我正在努力使程序重复接受输入并重复它直到输入"退出".现在循环没有运行,我不知道为什么因为exit变量设置为false.这是我的代码:

var read = require("read");
var exit = false;


function OutsideLoop (exit) {

while(exit === false){

        read({prompt: "> "}, function (err, result) {

        console.log("");
        console.log(result);
        console.log("Type in more input or type 'exit' to close the program.");

        if(result === "exit"){
            exit = true;};
        });


};

};


OutsideLoop();

谢谢你的帮助.我有一个类似的循环使用if/then而不是while,所以我沿着相同的行重写了这个.

我有一个div'框架',有一个相对位置,包含一个图像和描述性文本'imgname'.我希望描述性文本位于图像的顶部,但是当我将顶部值设置为0时,文本显示在"frame"div顶部的稍下方.这是显示问题的小提琴:http://jsfiddle.net/RwQL8/6/ 我已经在同一个小提琴的另一个版本中纠正了这个问题,通过在'imgname'中使用'top'行的负值上课,但为什么这有必要？我尝试将'!important'放在我的第一个小提琴中的'top'值之后,它仍然显示不正确.同样,如果是问题的根源,手动设置行高.有谁知道为什么在我的第一个小提琴中设置'top'等于0不足以在顶部显示文本,并且需要负值？这是我的第一个小提琴的CSS代码:

.art {
  margin-left: auto;
  margin-right: auto;
  height: 1000px;
  width: 90%;
  padding-top: 25px;
  padding-left: 25px;
  background-color: red;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }

.frameswrapper {
  font-size: 0; }

.frame {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 300px;
  background-color: tan;
  margin-top: 0px;
  margin-bottom: 25px;
  margin-right: 25px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.fluid {
  width: 100%;
  height: auto; }

.imgname {
  position: absolute;
  display: inline-block;
  font-family: …