繁体   English   中英

CSS第一胎和溢出

[英]CSS first-child and overflow

我有一个不工作“第一个孩子”的问题。 我想将圣诞树顶部设为红色,因此第一个div.main必须是带有红色背景的div。

另一个问题是,如果我将这棵树的高度设置为70以上,则下一个字符位于下一行,但在这种情况下,希望将该div保持在一行上并滚动它。

抱歉,英文名称不是Variables

<html>
<head>
<style>
div.center {
border:2px solid black;
display:block;
}

div.main{
display:inline-block;
color:green;
}

div.main:first-child {
    background-color:red
}

</style>
</head>
<body>

<form action="choinka.php" method="GET">
wysokość: <input type="text" name="tak">
<input type="submit" value="dawaj">
</form>


<?php
$tak = $_GET['tak'];
echo " wysokosc to: $tak";
echo '<div class="center>";
for($wysokosc = $_GET['tak']; $wysokosc >=  0;$wysokosc--){
echo "<br>";
for($szerokosc = 0; $szerokosc <= $wysokosc ; $szerokosc++){
echo "&#8195"; //spacja szerokosc 1em 
if($szerokosc == $wysokosc) 
    for($znaki = $_GET['tak'];  $znaki >= $wysokosc ; $znaki--){
        echo '<div class="main">&#8195  &#8855</div>';
    }
}
};
echo "</div><br><br>";
?>

请尝试div.main:first-of-type ,而不是div.main:first-child ,你可以看到环追加<br></br>之前main:first-child得到<br>的第一个孩子。 这将达到目的。Check Image

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM