问题

父元素设置了宽高，子元素为文本，绝对定位，代码如下：

<div class="icon_list_item_imgview">
   <span class="icon_list_item_imgview_tag">免试</span>
</div>

.icon_list_item_imgview {
    width: 36px;
    height: 36px;
    margin: 0 auto 7px;
    position: relative;
}
.icon_list_item_imgview_tag {
    display: block;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    position: absolute;
    left: 23px;
    bottom: 27px;
    color: black;
    padding: 0 5px;
    text-align: center;
}

left: 0时显示如下

C9D075B8-5EDF-4262-843F-5D5041A14D57.jpeg
left:23px时显示如下

WX20181011-201041.png

主要原因：未设置.icon_list_item_imgview_tag的宽度，导致元素移到父元素外后自动换行导致的
解决办法：增加css属性 white-space: nowrap,解决问题。

1539260192334.jpg

绝对定位超出父元素后，未设置宽度，文字换行问题
问题父元素设置了宽高，子元素为文本，绝对定位，代码如下： left: 0时显示如下主要原因：未设置.icon...
CSS-元素居中显示的方法
页面布局如下： [元素已知高度和宽度] 方法一：设置父元素为相对定位，给子元素设置绝对定位，left: 50%;...
绝对定位居中后文本的换行问题
问题：对宽高不定的块级元素设置绝对定位居中后，元素中的文本并没有撑满父容器，反而自动换行了，代码如下：html部分...
position:absolute相对于谁定位及溢出隐藏问题
1、绝对定位元素溢出父元素如何隐藏通常，为了让DIV子元素超出部分隐藏，都是在父元素设置overflow:hid...
常用汇总css
父元素设置定位为相对定位子元素才可以设置为绝对定位单行文本省略号多行文本省略号超出... 弹性盒子布局媒...
Display简析
block:默认宽度为父元素宽度，可以设置宽高，换行显示 inline: 默认宽度为内容宽度，不可设置宽高，同行显示。
文字超出滚动 uni-app组件
一、预览图二、实现的点 1.文字超出父元素宽度，自动滚动2.文字不超出父元素宽度，不滚动3.自动计算滚动时间，控...
开发过程中的一些总结
1.元素宽度高度能不写就不写，注意默认宽度，块级元素宽度默认父元素宽度（绝对定位和固定定位中默认为元素的宽度边框...
CSS布局
Display属性 block默认宽度为父元素宽度可设置宽高换行显示 inline默认宽度为内容宽度不可设置宽高同...
如何让绝对定位的元素水平居中？
设置绝对定位的元素 left：50%；再设置绝对定位的元素margin-left：负的的该元素宽度的一半px；