好程序员
web
前端分享
HTML
元素强制不换行
，
HTML
中
nowrap
是用来强制不换行的
目前创新互联已为上1000+的企业提供了网站建设、域名、网页空间、网站托管、
服务器租用、企业网站设计、
达日网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
在排版中
对包裹
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
见我的导航
新闻名称：好程序员web前端分享HTML元素强制不换行-创新互联
文章链接：
http://www.cdkjz.cn/article/ddojco.html
