在this page中,如果您点击一个职位名称,它将打开一个蓝色窗口,其中包含一个工作摘要,其中有一个关闭窗口'右上角的按钮。 '关闭'按钮通常与作业摘要的文本重叠。我想强迫文字绕过“关闭”。按钮,这样就没有重叠了。
'关闭'按钮由div中的span(包含引导标志符号)组成。元素的CSS代码如下:
.div__job_grid_summary_close_button {
background-color: #f9f7f7;
border: 1px solid #959595;
border-radius: 3px;
height: 24px;
margin: 9px 9px 0 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
width: 24px;
}
.div__job_grid_summary_close_button span {
cursor: pointer;
float: left;
font-size: 18px;
margin: 1.42px 0 0 2.2px;
}
.glyphicon {
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
position: relative;
top: 1px;
}
使文字围绕“关闭”的最佳方式是什么?按钮?谢谢。
答案 0 :(得分:1)
目前正在使用
position:absolute;
Soo,删除它。将其更改为:
float:right; margin:9px;
编辑:保证金只是一个建议,将其设置为您喜欢的任何内容。