我有一个简单的下拉菜单,但无论如何,我都无法将其放在页面的中心位置。我已经尝试了很多东西,而且我已经搜索了其他问题,无法让它发挥作用。
这是我的html / php:
app.use('/user/:id', function (req, res, next) {
console.log('Request Type:', req.method);
next();
});
这是css:
app.get('/user/:id', function (req, res, next) {
res.send('USER');
});
一切都是正确的,更好吗?但菜单仍然出现在页面的左侧,我不知道为什么。菜单后我得到了一个包装div,它有这个css:
<ul>
<li><a href="index.php">Home</a></li>
<li>Géneros
<ul>
<?php
$query = "SELECT * FROM `categorias` where 1";
$result = mysqli_query ($ligacao, $query);
while ( $row = mysqli_fetch_array ($result)) {
$categoria= $row['cod_categoria'];
echo "<li><a href='artigos.php?catid=$categoria'>" . $row['nome_categoria'] . "</a></li>";
}
?>
</ul>
</li>
<?php
if(isset($_SESSION['id'])){
echo "<li><a href='logout.php'>Logout</a></li>";
}
else{
echo "<li><a href='login.php'>Login</a></li>";
echo "<li><a href='registo.php'>Registar</a></li>";
}
?>
</ul>
也许这就是它导致菜单不居中?我不知道......有人可以帮我吗?
这是我得到的唯一额外的css:
ul {
text-align: center;
display: inline;
margin: 0;
padding: 15px 4px 17px 0;
list-style: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
ul li {
font: bold 12px/18px sans-serif;
display: inline-block;
margin-left: -4px;
position: relative;
padding: 15px 20px;
background: #fff;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
ul li:hover {
background: #555;
color: #fff;
}
ul li ul {
padding: 0;
position: absolute;
top: 48px;
left: 0;
width: 150px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
ul li ul li {
background: #555;
display: block;
color: #fff;
text-shadow: 0 -1px 0 #000;
}
ul li ul li:hover { background: #666; }
ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
}
答案 0 :(得分:0)