标签：元素 align 50% 第三天 transparent border display

1-在一个页面中给多个元素设置同样的 id，会导致什么问题？ 　　在css里的话，如果用了两个相同的ID，那么他们的样式是相同的。
　　在javascript，如果要对该id对象进行操作，可能会出错。 2-用伪类实现一个上三角（代码）

　　.demo {
　　width: 100px;
　　height: 100px;
　　position: relative;
　　border: 1px solid #09f;
　　margin: 100px;
　　}

　　.demo:after {
　　width: 0px;
　　height: 0px;
　　border-width: 12px;
　　border-style: solid;
　　border-color: transparent transparent #933 transparent;
　　position: absolute;
　　content: ' ';
　　left: 39px;
　　top: -24px;
　　}

3-怎么让一个不定宽度的 div 实现垂直和水平居中（三种方法 代码）？ 　　1:使用flex 　　display:flex; 　　content:center;  　　align-item:center; 　　2:使用transform 　　transform: translate( -50%, -50%); 　　position:absolute; 　　top:50%; 　　left:50%; 　　3:使用display:table-cell 　　div设置:display:inline-block; 　　　　　　vertical-align:middle; 　　父元素设置:display:table-cell; 　　　　　　　　text-align:center; 　　　　　　　　vertical-align:middle; 4-清浮动的方式有哪些？ 　　1. 额外标签法 　　2. 父级添加overflow方法 　　3. 使用after伪元素清除浮动 　　4. 使用before和after双伪元素清除浮动 5-如何让两个块级元素显示在同一行

　　1.可以将块级元素转换为行内块级元素.

　　2.可以设置浮动.

　　3.可以利用定位.

标签：元素,align,50%,第三天,transparent,border,display
来源： https://www.cnblogs.com/wanglu-705/p/14473693.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。