这可能听起来像一个过时的主题,因为由于flex-box和grid,没有人仍然使用内联块属性,但我想知道它,我想询问它.
当创建两个div并将它们分配为显示为内联块然后在其中一个中添加任何元素时,结果非常奇怪,其中包含该元素的div将向下滑动到另一个div的底部减去高度添加的元素.
div {
display: inline-block;
width: 100px;
height: 150px;
background: gray;
}Run Code Online (Sandbox Code Playgroud)
<div id="left">
<span>Text</span>
</div>
<div id="right"></div>Run Code Online (Sandbox Code Playgroud)
为了解决这个问题,它只能将div垂直对齐到顶部,但奇怪的是,即使我们在不对齐受影响的对象的情况下对齐另一个不受影响的div,我们也会得到相同的结果,那么到底发生了什么这里?
div {
display: inline-block;
width: 100px;
height: 150px;
background: gray;
}
#left{
vertical-align: baseline;
}
#right{
vertical-align: top;
}Run Code Online (Sandbox Code Playgroud)
<div id="left">
<span>text</span>
</div>
<div id="right"></div>Run Code Online (Sandbox Code Playgroud)
更新:
为了澄清事情,我删除了子元素并在两个div之外添加了一个文本,并添加了两个div,现在所有div都没有流内容,但前两个都有top属性,而后两个是不同的,一个顶部,另一个是基线:
div {
display: inline-block;
width: 100px;
height: 150px;
background: gray;
}
.right{
vertical-align:baseline;
}
.left{
vertical-align:top;
}Run Code Online (Sandbox Code Playgroud)
Text
<div class="right"></div>
<div class="left"></div>
<br>
Text
<div class="left"></div>
<div class="left"></div>Run Code Online (Sandbox Code Playgroud)
在第一种情况下,文本与顶部对齐,在下一次与div的基线对齐,即使它们没有流内容.
我以前认为SYMFONY使用的内部Web服务器是APACHE服务器的一部分,它使用以下命令运行:
$ php bin/console server:start
Run Code Online (Sandbox Code Playgroud)
但是当我关闭我的PC上的Apache服务器(Windows 10)时,内部Web服务器仍然没有任何问题,因此内部Web服务器与Apache服务器无关或者它是不寻常的?
我有一个函数,每次返回一个不同的字符串,但具有特定的随机模式,这个模式可以像"a,b,c,a,b,c " 一样简单或更复杂的东西.
所以我需要的是编写一个函数,在字符串中搜索模式并返回它.
只有一个条件需要考虑,比方说我们有这个字符串例如:"a,b,a,b,c,a,b,a,b,c"
在该字符串中,您不能说"a,b"是一种模式,将特定字符串视为模式然后它应该比剩余字符串长,在这种情况下,"a,b"是(2位*2)= 4,其余为"c,a,b,a,b,c"6位,因此考虑实际模式的是"a,b,a,b,c".
我是在编写一个函数来做到这一点,但我知道这将是一个复杂的函数,所以我想在之前问过,如果PHP或Javascript中有一个内置的功能可以做一些接近或者做的工作对我来说更容易,所以任何想法的家伙?