看这个例子:http://jsfiddle.net/aLrfmyqm/p{display:inline;}em{display:block;}OuterinlineBlockInnerinline我希望Innerinline与Block内联,但是，它在一个新行中开始。有人对此有想法吗？谢谢! 最佳答案 您的标记无效。你不应该嵌套p里面的元素p元素，因此是问题。来自W3C:ThePelementrepresentsaparagraph.Itcannotcontainblock-levelelements(includingPitsel
在HTML叙述流中的元素，为了扩大检测到点击的区域(一些跨度只有一个字符的内容)，我在定义为.expand-click-area{display:inline-block;padding:5px;margin:-5px;position:relative;}这在点击行为方面效果很好。问题在于，在以下情况下，Chrome19有时会在span和后面的逗号之间换行:thisisspantext,关于如何防止这种情况的任何想法？本质上，我想打破与时相同的行为根本不存在，或者没有display:inline-block.这种行为在IE10中似乎没有出现。在http://jsfiddle.net/
以下代码在不同浏览器中呈现不同(IE=FF=高于基线，Chrome=在基线上)。这是谁的错？我应该在哪里提交错误报告？你知道如何解决这个跨浏览器的问题吗？如果我更改垂直对齐方式，它会在某些浏览器中运行，但在其他浏览器中无法运行。.a{display:inline-block;overflow:hidden;color:red;}baseline__test__baselinehttp://jsfiddle.net/T2vQj/ 最佳答案 是的。你需要做这些:移除样式overflow:hidden;。这里不需要。仅当您提供width或
我在超大屏幕内有一个内联表单。我想把它居中。我尝试在超大屏幕上使用text-align:center，它确实将超大屏幕内的所有其他元素居中，除了内联表单元素。所以我不知道这里出了什么问题。这是HTML代码:MyAwesomeApp!Thisiswhyyoushoulddownloadthisfantasticapp!Wanttoknowmore?Joinourmailinglist!Email@SignUp这是CSS:body{position:relative;}#home{background-image:url('../img/jumbotron-bkg-2.jpg');marg
我在一个容器中有几个html元素并排放置在display:inline-flex中。这适用于按钮元素，但只要我尝试添加inputtype="text"元素，文本框就会放置在按钮下方(仅在InternetExplorer11中；不确定关于IE10或以下)。它在Firefox、Chrome甚至Edge中按预期工作(文本框与按钮在同一行)。如何让IE正确显示它？请参阅jsFiddle以获取完整的html和css代码来说明问题:https://jsfiddle.net/vm2kcwd9/1/.container{height:2em;}.container>*{height:100%;disp
如何在IE6上修复display:inline-block;？我的html页面http://www.faressoft.org/tutorialTools/slideShow/我可以用其他方式得到同样的结果吗？ 最佳答案 您必须在IE样式表中的block级元素上重新指定display:inline;。HTML:blah常规CSS:.ImageSlideShow{display:inline-block;}IECSS:.ImageSlideShow{display:inline;zoom:1;}参见:http://work.aroun
在下面的代码中，我试图让h1元素有一个上边距。当我在css中将位置设置为内联时，margin-top没有显示。但是当我将它更改为内联block时，它确实如此。我想知道是否有人可以解释为什么会这样。谢谢。编辑:这是jsfiddle中的代码:http://jsfiddle.net/pjPdE/这是我的HTML:MaxPleaner'sFirstWebsiteWelcometomysite.这是CSSbody{background-image:url('sharks.jpg');}h1{background-color:#1C0245;display:inline;padding:6.5px
这里有一些代码可以说明我遇到的问题。jsFiddleDemoTestTestlongerTestTestlongerTestTestlongerbody{background-color:gray;}div{float:left;margin:5px;}a{background-color:black;color:white;}div.iba{display:inline-block;}div.normal>a{display:block;}div.blockbyclass>a{display:block;}我有一种特定类型的链接，在大多数情况下需要呈现为内联block，但在某些情况下
test这是我的代码。我想知道为什么我的背景颜色没有显示。如果我将css显示从内联更改为block，它就会显示出来。如果显示是内联的，为什么它不显示？除了寻找解决方案外，我还试图了解问题的原因。 最佳答案 div如果是内联的则不会占用空间。如果您想要一个显示为child高度的内联元素，请使用display:inline-block;。至于好的讨论，我相信QuirksMode比我自己的要好。要点是inline元素不会将其他元素推开。 关于html-如果我有显示:inline?，为什么我的背
我真的很困惑为什么会这样。http://syndex.me上的帖子有2px的边距。当页面最初加载时，会遵守这一点。当第二批帖子加载时(开始加载14个帖子)您会看到，由于某些奇怪的原因，右边的帖子实际上比应有的短2px。更奇怪的是，检查帖子显示它们实际上设置了margin:2px更奇怪的是，这只发生在左边距或右边距，而不是顶部和底部(？!)做前端有一段时间了，我很确定这是一个奇怪的案例。我在firefox、safari和chrome上遇到了这个渲染问题。如果我使用检查器翻转帖子，我可以看到每个帖子确实有2px的边距，只是第二个帖子(右边)的边距开始时就好像它旁边的帖子有一个零margin
