css如何设置标题与内容的距离 ?

html-css011

css如何设置标题与内容的距离 ?,第1张

方法1、标题和内容之间加一个换行 <br />

方法2、标题设置css行高 {line-height:100px}

方法3、内容设置css{margin-top:40px}

方法4、标题设置css {margin-bottom:40px}

在CSS中,text-overflow:ellipsis可以在文本隐藏时候在文本末尾加入省略号。所以如果Html里是用li写的。

 

li{text-overflow:ellipsisoverflow:hiddenwhite-space:nowrapdisplay:blockword-break:keep-all

本身不链接或者hover功能的元素也是可以实现它内部的元素隐藏

这样子就可以,你可以把li改成你的元素。

verflow:hidden

white-space:nowrap

text-overflow:ellipsis

可以将内容超出盒子后用省略号显示,但只能支持单行显示,多行的话就只能使用JS进行字符截取了!