[散修弟子]CSS-8706|2020年04月30日的日报-技能树.IT修真院

发表于： 2020-04-30 16:42:53

3 1411

完成的事情：

task6 、学习bootstrap基本布局

遇到的问题：

给下拉表格

(form-control)

个容器container

设置"col-md-4"*3

设想是会是这样的表格

但是出来的是这种

它们中间是带有间隔的，弄了挺久还是没消去，可能是固定bootstrap的固定样式？

解决方案：

直接使用下拉按扭组了

在按钮组套上个

<div class="btn-group btn-group-justified" role="group" aria-label="...">

两端对齐排列

三角形图标向右：

.caret{
    position: absolute;
    left: 90%;
    top: 45%;   
}

背景图img插入有边框

backround url() image() 都是带边框的

设置border： none 没用

解决方法

img src=“”“”这格式倒是没有边框我倒是想用雪碧图挣扎一下

弄个按钮背景图再设置border 边框倒是没有了

文字太长隐藏显示“...”省略号

overflow: hidden; /* 超出宽度部分的隐藏 */
text-overflow: ellipsis; /*超出则“...”代替 */
white-space: nowrap; /* 文字不换行 */

手机端：

电脑端

收获：

去除img边框、文字截断显示省略号、bootstrap布局基本应用

明天计划：

Task7

返回列表