html 元素强制不换行_html/css_WEB-ITnose

WBOY

Freigeben： 2016-06-24 11:45:03

Original

1208 Leute haben es durchsucht

html 中 nowrap是用来强制不换行的

在排版中
对包裹plain text的标签使用nowrap属性即刻实现强制不换行.
如:

强制不换行

在使用div的超文本中

把div,h1,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见我的导航

Verwandte Etiketten：

html 元素强制不换行

Quelle：php.cn

Vorheriger Artikel：Html简单介绍_html/css_WEB-ITnose Nächster Artikel：tips 前端阻止浏览器缓存静态资源

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors