小编Gre*_*ijn的帖子

我似乎找不到具有多个属性的CSS转换速记的正确语法.这没有做任何事情:

.element {
  -webkit-transition: height .5s, opacity .5s .5s;
     -moz-transition: height .5s, opacity .5s .5s;
      -ms-transition: height .5s, opacity .5s .5s;
          transition: height .5s, opacity .5s .5s;
  height: 0;
  opacity: 0;
  overflow: 0;
}
.element.show {
  height: 200px;
  opacity: 1;
}

我用javascript添加show类.元素变得更高且可见,它不会过渡.在最新的Chrome,FF和Safari中进行测试.

我究竟做错了什么？

编辑:为了清楚,我正在寻找速记版本来缩小我的CSS.所有供应商前缀都足够臃肿.还扩展了示例代码.

我的页面中有一个Google地图(V3),页面宽度为100%,中间有一个标记.当我调整浏览器窗口的宽度时,我希望地图保持居中(响应).现在地图只停留在页面的左侧并变小.

更新完全按照duncan所描述的方式工作.这是最终的代码:

var center;
function calculateCenter() {
  center = map.getCenter();
}
google.maps.event.addDomListener(map, 'idle', function() {
  calculateCenter();
});
google.maps.event.addDomListener(window, 'resize', function() {
  map.setCenter(center);
});

我有一个显示元素:inline-block,但它似乎不接受margin-top.这是因为元素仍被视为内联元素吗？

如果是,有没有人有解决方法？

编辑#1:

我的CSS非常简单:

.label {
  background: #ffffff;
  display: inline-block;
  margin-top: -2px;
  padding: 7px 7px 5px;
}

我最终将内容包装在另一个div中并给出了一个优势.但这会导致大量额外的标记,并使我的代码不那么清晰.

编辑#2:

margin-top&margin-bottomon inline-block元素似乎只与正值一起使用.

我已经在我的webapp中构建了Geolocation API,所有浏览器都运行正常.Safari 8和7.1除外.在允许或不允许浏览器之后,浏览器一直要求许可,并最终导致浏览器(选项卡)无法使用.只需访问Safari中的http://html5demos.com/geo即可轻松重现.

有没有解决这个问题,或者这只是Safari中的一个错误？我搜索但找不到任何相关的东西.

我目前在隐藏的输入字段中回显某些变量,并在需要时用Javascript读出它们.

我和一位同事正在考虑用PHP生成一个额外的Javascript文件,该文件只包含Javascript的所有变量.这种方式变量已经存在,HTML中没有额外的代码.

将变量从PHP传递到Javascript有什么好方法？我们的解决方案如何发声？

我使用PHP(lessphp)将LESS文件编译到服务器端的CSS文件中.我想将变量传递给LESS文件,如颜色或语言:

compile('input.less?lang=en')

并将其用作LESS中的变量,如@lang.

这可能吗？如果没有,有任何解决方法吗？

首先,我在Dreamweaver的代码视图中严格执行所有编码已有好几年了.我可以在记事本中完成所有编码,但记事本没有任何功能.:)我从未想过要改变因为我已经习惯了Dreamweaver.但现在它开始在这里和那里激怒我.我也想切换到更轻量级的编辑器.

在Dreamweaver中我不喜欢的是标签不能自动更改为空格(非常烦人,也欢迎任何解决方案).它还在各处创造了许多无用的空白.

我喜欢Dreamweaver的html和css自动自动完成功能,这样可以加快我的编码速度,因为我不需要输入每个字符.我已经尝试了其他一些编辑器,但我真的很想念这个功能.Dreamweaver还会自动从标头中包含的css文件中完成css类.

还有其他编辑器有类似的功能吗？免费或许可是免费的.我喜欢Sublime Text(http://www.sublimetext.com/).

谢谢!

我有一个包含iframe的页面.iframe的内容有几页长,我设置了iframe的高度来匹配它的内容.当我尝试打印页面时,iframe的内容会在第一页之后被切断.我在使用打印样式表进行打印时隐藏了页面上的所有其他元素/部分,iframe除外.所以它是打印时页面上唯一的元素.我尝试过几种方式设置iframe的固定高度:

<iframe src="page.html" style="height: 2100px;" height="2100" scrolling="yes">

我还尝试在仅打印样式表中设置iframe的固定高度,但到目前为止还没有任何工作.它接受其他样式,如宽度或边框,在打印时可见,但仅适用于第一页.

更新:它似乎在Chrome中正常工作,但它是Firefox中已知的旧版(2001)错误:https://bugzilla.mozilla.org/show_bug.cgi？id = 113217无法找到确切的错误报告IE,但它似乎遭受与Firefox相同的命运.