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;}
怎么把小三角的位置調(diào)整到文字后面
問題解答
回答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
相關(guān)文章：
1. node.js - webpack-dev-server正常運行，webpack打包卻出錯，怎么辦？2. mysql 5個left關(guān)鍵 然后再用搜索條件 幾千條數(shù)據(jù)就會卡，如何解決呢3. javascript - webpack編譯后的文件不生效，未編譯的文件生效4. android - 哪位大神知道java后臺的api接口的對象傳到前端后輸入日期報錯，是什么情況？求大神指點5. 這是什么情況？？？6. thinkphp3 count()方法必須加上字段？7. 怎么php怎么通過數(shù)組顯示sql查詢結(jié)果呢，查詢結(jié)果有多條，如圖。我要forsearch里面echo8. 輸入地址報以下截圖錯誤，怎么辦？9. javascript - 項目的公共文件如圖片JS等文件放在 云上,webroot只放jsp文件，怎么將靜態(tài)文件通過配置文件引入，sp求大神指導10. python中return 語句與 分支語句連用問題
網(wǎng)公網(wǎng)安備