[分享]css元素强制一行显示

CSS样式表的基础是对网页数据的视觉呈现，发挥的作用无疑是至关重要的。但是，有时候我们发现，一行字过长，会影响美观，也会导致排版混乱。下面介绍几种实现强制一行显示的方法。whitespace:nowr...

CSS样式表的基础是对网页数据的视觉呈现，发挥的作用无疑是至关重要的。但是，有时候我们发现，一行字过长，会影响美观，也会导致排版混乱。下面介绍几种实现强制一行显示的方法。

white-space:nowrap; 

此属性指定当元素内文本溢出包含元素时，是否在新行上开始将文本逐字断开。因此，white-space:nowrap;可以防止文字换行，使它们始终在一行上显示。

overflow:hidden;
text-overflow:ellipsis; 

有时候我们希望在一定的限定宽度内显示字体，并且如果文字超出，则隐藏它们。为了满足这种要求，我们可以使用以下属性：overflow:hidden; 和 text-overflow:ellipsis;。这将采取一种简单明了的方法，对文本进行隐藏，并在末尾增加省略号。

display:inline-block;
width:100%;
white-space:nowrap; 

对于行内元素，我们可以使用display:inline-block;来限制块级元素的宽度，同时还可以使用width:100%来占用父元素的宽度。而white-space:nowrap;将确保该元素内的文本不换行。这样，所有的内容都将强制在同一行上显示。