CSS样式 疑问

html-css07

CSS样式 疑问,第1张

<style type="text/css">

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已经过时。