个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
26
4
我认为这通常是一件简单的事情，但出于某种原因我就是做不到。
正如您在下面看到的(片段)，我有一个 ul 和 lis 作为小选项卡固定在屏幕的左侧。当鼠标悬停时，它们会展开。我试图让它只显示直线文本而不是在扩展时展开它。我该怎么办？
body {
margin: 0;
background-color: black;
font-family: sans-serif;
}
#navTabs {
width: 100%;
padding-left: 0;
position: fixed;
}
#navTabs li {
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
height: 75px;
width: 10px;
background-color: gray;
margin-left: 0;
position: relative;
top: 100;
overflow: hidden;
transition: width .75s;
list-style: none;
word-wrap: none;
}
#navTabs li:hover {
width: 250px;
}
#navTabs li h1 {
position: relative;
left: 30px;
}<body>
<ul id="navTabs">
<li>
<h1>HOME</h1>
</li>
<br>
<li>
<h1>NOT HOME</h1>
</li>
</ul>
</body>最佳答案
您可以添加 white-space: nowrap 以防止文本换行到下一行。
body {
margin: 0;
background-color: black;
font-family: sans-serif;
}
#navTabs {
width: 100%;
padding-left: 0;
position: fixed;
}
#navTabs li {
border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
height: 75px;
width: 10px;
background-color: gray;
margin-left: 0;
position: relative;
top: 100;
overflow: hidden;
transition: width .75s;
list-style: none;
word-wrap: none;
/* added this: */
white-space: nowrap;
}
#navTabs li:hover {
width: 250px;
}
#navTabs li h1 {
position: relative;
left: 30px;
}<body>
<ul id="navTabs">
<li>
<h1>HOME</h1>
</li>
<br>
<li>
<h1>NOT HOME</h1>
</li>
</ul>
</body>关于html - CSS 自动换行？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29561082/
26
4
0
在 Vaadin 7.0，显示时JavaBean Table 中的数据与 BeanContainer ，用新数据刷新表的正确方法是什么？ 最佳答案 该表通过监听器监视表项的属性。如果您通过表的 Ite
首先，我使用的是带有 Axis2 1.6.2 的 eclipse，我正在 tomcat 6 上部署我创建的 Web 服务。Web 服务是在 eclipse 中通过自上而下的方法创建的。 我被要求使对我
我已将 Rails 3.1.1 应用程序升级到 Rails 3.1.3，现在，对于每个请求，它仅响应错误数量的参数(3 for 1)。不幸的是，它没有说明错误在哪里，并且应用程序跟踪为空。我认为存在一
我是一名优秀的程序员,十分优秀！