好程序员
web
前端分享
HTML
元素强制不换行
，
HTML
中
nowrap
是用来强制不换行的
在排版中
对包裹
plain text
的标签使用
nowrap
属性即刻实现强制不换行
.
如
:
强制不换行
强制不换行
在使用
div
的超文本中
把
div,h2,section,nav,a,li
等元素 强制变成行内元素
display:inline;
然后就能够像第一种情况一样对其进行操作
.
例子
:
父级
nav
限宽下
ul
元素强制不换行
使子标签
ul
自身有
wrap-content(
借用
android layout
的关键形容词
)
的宽度
nav>ul>li*10>a[href='#']{
随机链接
$}
nav{
固定宽度
width:40em; nowrap
属性
white-space:nowrap; }
ul,li,a{
行内元素
display:inline;
消除浮动
float:none; }
// li
变成
inline
是必要的
当
ul
不为
inline
的时候
,ul
本身宽度最大值为父级
nav
的宽度
;
当
ul
为
inline
的时候
,ul
宽度为
wrap-content
宽度
.
demo
见我的导航