当前位置: 首页 > Web前端 > HTML

优秀程序员web前端实训分享HTML元素强制不换行

时间:2023-04-02 16:27:02 HTML

优秀程序员web前端实训分享HTML元素强制不换行,HTML中的nowrap用于排版中强制不换行  为packageplain文本标签使用nowrap属性立即实现强制非换行。例如:  强制不换行  强制不换行  在使用div的超文本中  把div,h1,section,nav,a,li等元素强制变成内联元素  display:inline;  然后就可以像第一种情况一样对它们进行操作了。换行  使得子标签ul本身具有wrap-content的宽度(借用androidlayout的关键形容词)  nav>ul>li*10>a[href='#']{randomlink$}  nav{固定宽度width:40em;nowrap属性white-space:nowrap;}  ul,li,a{行内元素显示:inline;消除浮动float:none;}  //li成为inline是必须的  当ul不inline时,ul本身的最大宽度就是父nav的宽度;  当ul是inline时,ul的宽度就是wrap-content的宽度。  演示看我的导航