我按照我想要的方式设置了页面,右下方的徽标位于绝对位置: http://testing.wizbury.com/onlinegamepage2.php?id=6
然后我将以下条目添加到css中,这样当框中的一行文本运行得太长时,就不会增加太多额外的空间:
.ogfeatures li span {
vertical-align:middle;
display:inline-block;
line-height:1em;
}
该添加导致徽标位于内容区域的左上角(在Flash游戏下)。我只能发布到链接,但它是与上面相同的链接,使用onlinegamepage.php
该页面动态生成db中的大量内容,因此Dreamweaver的预览效果不佳。我决定把代码扔进小提琴和硬编码的东西,这样我就可以玩布局......而且即使添加了跨度,它也可以在小提琴手中正常工作。
http://jsfiddle.net/wrX8g/
所以现在我完全糊涂了。我确信有一些简单的事情发生在我想念中,但我无法理解。我非常感谢任何见解。
谢谢,
道格
答案 0 :(得分:0)
我不确定StackOverflow是否正在执行此操作,或者它是否在原始代码中,但是当我将CSS复制到另一个文件中时,在关闭}之后,有一个Zero-Width Space字符,这不是在CSS中有效,我相信,导致声明被浏览器抛出。我推测,无论你使用哪种浏览器,它都会丢弃所有后续声明,并且你已经将CSS代码放在定位徽标的CSS声明之上,从而阻止该声明产生影响并放置徽标,没有任何应用的CSS。
修复方法是简单地删除有问题的角色,你可以通过将插入符号放入带有}的行的发送和退格来完成。插入符号不应移动,它会告诉您它删除了一个不可见的字符。如果这不能删除它,您也可以在十六进制编辑器中执行它。