p{
width:100px
overflow:Hidden
white-space:nowrap
text-overflow:ellipsis}
</style>
css文字超出内容为省略号,只能针对于一行的文字。
首先要设置一个块元素的具体宽度,然后设置不换行white-space:nowrap
再添加样式text-overflow:ellipsis文本溢出为省略号即可。
希望对你有所帮助。
这是 CSS 嵌套的用法 。
html:
<div id="func">没有任何标签的文字,会渲染 #func 的效果
<p>段落标签 p 不是 a,因为是 #func 的子标签,没设置样式的子标签会继承部分属性,所以,这段文字也是 #func 的效果</p>
<a href="#">符合CSS定义的嵌套,所以,会渲染 #func a 中的样式</a>
</div>
<a href="#">不符合CSS定义的嵌套,没有任何效果</a>
上面是 html 格式 。
意思是 html 中 id="func" 的 div 用上面的 CSS 进行渲染,而 #func 里面的 a 用下面的 CSS 进行渲染 。
而下面的 a 标签是做对比用的,它不是嵌套在 #func 中,所以 #func a {} 中的属性对它是无效的 。
.
当然可以。而且方法有2个。一种是用table做,设置table 的height 800px, width 780 px algin="center",然后根据你的需要设置tr,td的样式。
第二是用div做,4个div就能搞定,不过建议用5个,其中1个写成容器,把另外4个放到这个容器里去,然后再分别设置一下样式。
建议你用div做,table已经过时。