-
- o小水o 2019-12-18
.title{
width:230px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
-
截图0赞 · 0采集
-
- o小水o 2019-12-18
overflow：hidden
超出隐藏
- 0赞 · 0采集
-
- o小水o 2019-12-18
{ position: absolute; left: 50%; }水平居中
- 0赞 · 0采集
-
- qq_慕后端1241754 2019-03-12
三角形
:after{
position:absolute;
content:'';
left:0;
bottom:0;
width:0;
height:0;
border-left:70px solid transparent;
border-right:70px solid transparent;
border-bottom:10px solid transparent;
}
-
截图0赞 · 0采集
-
- Seven_77777 2018-10-31
index.css .index-menu .menu-list ul{
width:1160px;
}
本来是1100px，表面多了60px，但是这样方便循环输出，是一个布局的小技巧。
- 1赞 · 0采集
-
- 小丑皇莺歌 2018-07-04
三角形代码
-
截图0赞 · 0采集
-
- 车水 2018-04-30
.menu .menu-tips{width:155px;height:75px;margin:0 auto;background-color:red;
text-align: center;line-height:65px;}
.menu .menu-tips:after{content:'';
display: block;
width:0;
height:0;
border-left:78px solid transparent;
border-right:78px solid transparent;
border-bottom:10px solid #fff;}
使用：after伪类制作menu标签
- 0赞 · 0采集
-
- 悠用4081446 2018-04-25
- 看记录
-
截图0赞 · 0采集
-
- 悠用4081446 2018-04-25
- 看记录
-
截图0赞 · 0采集
-
- qq_愚生_1 2018-03-22
- 使用css3制作三角形
-
截图0赞 · 1采集
-
- MO兔吉喵太 2018-03-05
- text-align相对于哪里对齐？ 上面的position：relative有什么用
- 0赞 · 0采集
-
- MO兔吉喵太 2018-03-02
- 伪类是什么
- 0赞 · 0采集
-
- ysf 2018-02-19
- float:left; margin-right:60px; 由于宽度不够，导致布局没有横向排列；在父容器基础上多增加多出的像素值
- 0赞 · 0采集
-
- ysf 2018-02-19
- 伪类实现倒三角
-
截图0赞 · 0采集
-
- qq_八戒你又贪睡了_0 2017-09-11
- qq_八戒你又贪睡了_0 <a href="" class="menu-more-btn">load more<span>|</span> <span class="icon></span></a>一部分完成在放图片 切图 .index-menu .menu-more-btn{ margin: 0 auto; width:114px; height:32px; padding-left:16px; border:1px solid #000000; font-size:14px; line-height:32px; color: #000000;
-
截图0赞 · 0采集
-
- LuoGuobing 2017-09-02
- 给ul设置1160px，menu-list设置overflow：hidden，可以隐藏右边的60px。
- 0赞 · 1采集
-
- 慕移动9352072 2017-08-28
- 文字超出以.....显示
-
截图1赞 · 0采集
-
- 慕移动9352072 2017-08-28
- float:left; margin-right:60px; 由于宽度不够，导致布局没有横向排列；在父容器基础上多增加多出的像素值
- 0赞 · 1采集
-
- 慕移动9352072 2017-08-28
- 伪类实现倒三角，不需要进行切图实现
-
截图0赞 · 1采集
-
- 慕函数6174751 2017-07-21
- 小技巧为方便li元素排列时内外边距影响浮动，可在居中固定的盒子上overflow：hidden，在ul上width相应增加
- 0赞 · 0采集
-
- 慕函数6174751 2017-07-21
- 一些颜色较单调的背景尽量用css代替图片，可用border属性制作三角，伪元素覆盖等
- 0赞 · 0采集
-
- 慕函数6174751 2017-07-21
- 规范： 1块级元素下的同级元素最好都是内联元素或块元素； 2最大化页面的灵活性：不常换的图片用css背景，常换的用img标签；文字部分统一内联样式，方便修改时自适应宽度及定位； 3不建议直接对li、span这些常用标签定义样式，最好添加class后处理 4HTML结构保持整体性，由外向内，字体颜色等一般定义在外层元素上
- 0赞 · 1采集
-
- 花森煜米 2017-07-13
- a标签可以嵌套div，h4，p标签
-
截图0赞 · 0采集
-
- 花森煜米 2017-07-13
- .index-menu .menu-list { margin-top: 150px; color: #555; /*列表项中偶数子项不需要外边距,可以在ul父容器中增加60px，多出来的外边距通过overflow隐藏*/ overflow: hidden; } /* 要把偶数项的margin-right去掉，因为总宽度超过1100px导致换行了 列表项中偶数子项不需要外边距,可以在ul父容器中增加60px，多出来的外边距通过设置父容器overflow隐藏 好处：这样处理就不用在对每一个偶数li添加特殊化样式，后端在用模版引擎输出需要额外判断。*/ .index-menu .menu-list ul { width: 1160px; background-color: #f34949; } .index-menu .menu-item { float: left; width: 520px; margin-right: 60px; margin-bottom: 56px; }
-
截图0赞 · 2采集
-
- 花森煜米 2017-07-13
- 通过分别设置元素边框的属性，画出三角形 border-left: 78px solid transparent; border-right: 78px solid transparent; border-bottom: 10px solid #fff;
-
截图0赞 · 0采集
-
- 慕斯卡8095908 2017-05-28
- float:left; margin-right:60px; 由于宽度不够，导致布局没有横向排列； 解决这样问题的小技巧！！ 布局小技巧
-
截图0赞 · 0采集
-
- 慕斯卡8095908 2017-05-28
- CSS做the menu背景
-
截图0赞 · 1采集
-
- 慕斯卡8095908 2017-05-28
- the menu背景css
-
截图0赞 · 0采集
-
- Daizl 2017-05-15
- 文字超出加...
-
截图0赞 · 1采集
-
- HongShaoHao 2017-05-01
- css还可以做出三角形来，百度了下，真学到了好东西。这三篇文章是原理性的文章，百度出来的，挺好。 http://www.tuicool.com/articles/3eaINn http://www.jb51.net/article/42513.htm http://www.cnblogs.com/blosaa/p/3823695.html
- 0赞 · 1采集
