or what method is easier to use? use the svg icon, but you can"t put the text in the middle
or what method is easier to use? use the svg icon, but you can"t put the text in the middle
Direct div + div:after is fine
Thirty guests-use triangles to implement class dialogs
just use triangles!
.bubble {
position: relative;
padding: 8px 16px;
background: -sharpf7f7f7;
border: 1px solid -sharpccc;
}
.bubble:before {
content: '';
position: absolute;
display: block;
bottom : -10.5px;
right: 0;
width: 0;
height: 0;
border-top: 12px solid -sharpf7f7f7;
border-left: 12px solid transparent;
z-index: 10;
}
.bubble:after {
content: '';
position: absolute;
display: block;
bottom : -13px;
right: -1px;
width: 0;
height: 0;
border-top: 13px solid -sharpccc;
border-left: 13px solid transparent;
}Slack Off is to let ui cut the picture of that dialog box to you. If you don't have Slack Off, just simulate it with div, and div+ triangle + positioning will be fine
.as shown in the red box of the second picture, is there any recommendation for this plug-in? Thank you. the screenshot is uploaded, so let s just look at it. nothing can be found in vueawesome. ...
A picture grows slowly when it slides up to a certain extent. Why does it bring out a line that has been entangled all night? I can t find the reason. ...
my Q starts from scratch, but I want him to write ti+= < p claqss= "title-count " > has answered 8 questions + Q claqss= "title-count " > answered 1 question correctly; wrote like this: ti+= < p claqss= "title-count " > answered 8 questions + Q...
try the events and methods of jqgrid api, are useless, ask the boss what good methods are available ...
the new project found that testing the drop-down on chrome will refresh the page look at Mobile Taobao s implementation of the drop-down and do not know how to achieve it ...
...
does the use of font-family in the pc page css cause font infringement ...
I found a js code from the Internet to calculate the time difference effect is that we have been together xx days xx xx minutes xx seconds problem is that this time will not change only enter the web page after refreshing to keep the same value so I...
recently read the front-end https: www.w3cplus.com mobil. this article, feel very troublesome, why not learn Android ...
Why does the problem of redirection occur when using ajax to request other websites $.ajax({ url:"https: www.baidu.com", type: GET , headers:{ Access-Control-Allow-Origin : * ...
canvas draws multiple ball collisions on the canvas. How can I add a click event to the ball? as far as I know, adding an event to the canvas actually gets an area on the canvas to fix an event? Is it true that the ball can not be added if it keeps ch...
demand is 1: 15 days after the current time is banned, 2: the date range can only be within 7 days. If the start time is the 2nd, the end time cannot be greater than the 8th, and the rest display mouse display is disabled . have you ever done it, ...
how to upload a preview of a single image in react. For mobile, ant design is used. mobile framework is just a novice, can give a specific code ...
figure 1 shows the effect of modifying the scroll bar style code in figure 2 , but you can see that there is still a color area on the left that is the default width of the scroll bar excuse me, how to cancel this part ...
submit=(e)=>{ e.preventDefault(); let value=this.props.form.getFieldValue( key )+this.props.from.getFieldValue( replytext ); alert(value); } render() { const { getFieldProps } = this.props.form; ret...
routing: < Route path= " datareport :name " component= {ReportIndex} > < Route > ; receive: `componentWillMount () { document.title=""+this.props.params.name; }` access: Why does http: localhost:3000 datareport 3 make an error sayi...
Yes, it s me again, the one who made the lowest mistake last time. The problem is this: wants to put two vertical bars in the middle of the three a tags, like the navigation bar. After I set the style, I found that the two bars that act as vertical ...
compatibility of Xiaomi browser and uc mobile browser is shown in figure ,uc,uc, . css .price {font-size:22px;color:-sharpF79200;text-align:center;width:90px;margin:0 auto;height:30px;position:relative;padding-left:6px;} .pricon {width:16px;height:...
dva creates a project, what are the specific functions of those configuration files how to use ant design mobile in it ...
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=...