yuanwen52的博客

效果如图：单行<p class="p1"> 这个属性定义溢出元素内容区的内容会如何处理。如果值为 hidden，当点击hidden时，滚动机制关闭</p>.p1{ width: 200px; overflow:hidden; text-overflow:ellipsis; background: goldenrod; white-space: nowrap;/*加宽度width属来兼容部分浏览*/ }多行&l.

margin-left:auto

首先看语法：box-shadow: h-shadow v-shadow blur spread color inseth-shadow: 必须的，水平阴影的位置，允许负值v-shadow: 必须的，垂直阴影的位置，允许负值blur: 模糊距离，不能为负数spread: 阴影大小color: 阴影的颜色inset: 设置阴影向内...

第一种方法（适用于已知或未知子元素的宽和高）：设置父元素为的position为relative；设置子元素的position为absolute;然后将子元素的top、right、bottom、left都设置为0，且margin设置为auto;示例代码：<div style="position: relative;width: 200px;height: 200px;border...

当position的值为：absolute时，字面意思为决定定位，其实本质意义上是相对定位，相对父元素定位。而position的值为：relative时，字面意思为相对定位，相对的是自己原来的位置中的。而position的值为：fixed时，字面意思为固定定位，相对的是浏览器的位置。...

在文本列表，缩略图等设计元素中，有时候文本的长度是不可控制的，而我们又不希望它自动折行，这时候，我们可能会希望浏览器把超长的文本变成省略号。传统方式是让后端或前Javascript直接把它裁到特定长度，但是这种方式只能写死字符数，排版、字号等变化时，不能忘了更新这个字符数，这样显然是非常笨拙的。 而CSS提供了另一种更好地选择： .classname...