css3 - css小三角定位
问题描述
<p>文字<span class='triangle-down'></span></p>
.triangle-down { width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;}
怎么把小三角的位置调整到文字后面
问题解答
回答1：<html lang='en'><head> <meta charset='UTF-8'> <title>Title</title> <style>p:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;} </style></head><body><p>文字</p></body></html>回答2：
用伪元素:after
<p>文字</p>p:after { content: ''; display: inline-block; width: 0; height: 0; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.6rem solid darkgray;}回答3：
position:absolute;right:0; top:0;文字元素的样式记得加position：relative
相关文章：
1. android glide asbitmap 在baseadpter中的问题2. spring-mvc - spring-session-redis HttpSessionListener失效3. python - flask post提交timestamp不能作为参数，这是为什么？4. node.js - express框架，设置浏览器从缓存中读取静态文件，只有js从缓存中读取了，css还有一些图片为何没有从缓存中读取？5. javascript - 如何获取未来元素的父元素在页面中所有相同元素中是第几个?6. java - Spring boot 读取 放在 jar 包外的，log4j 配置文件，系统有创建日志文件，不写入日志信息。7. javascript - QQ第三方登录的问题8. 前端 - @media query 使用出现的问题？9. python 计算两个时间相差的分钟数，超过一天时计算不对10. linux - redis连接池应用在一万并发下时连接数只有2？
网公网安备