就是两个span ， 我想让他们两个在同一行显示， 但是效果却是这样的， 
 
原因在于这两个span标签 的宽度默认是100% ， 一个span就占满一行，  另一个只能去下一行， 
 
解决方法就是边浮动边给他设置一个宽度， 两个宽度都设置成200px,, 再浮动， 就好了
 
 
 
 
 
就是这样
 
 

今天遇到一个需求，要在label的后面加上一个button 作为tag，如图
 
 
思路（比较笨的办法）： 
 使用两个UILabel,每一行就是一个只显示一行的Label，第一个label的截断设置为NSLineBreakByWordWrapping，第二个设置为NSLineBreakByTruncatingTail 首先把要设置的字符串设置为第一个label的Text,这时的第一个label只显示一部份并且不会以…结尾。用下面的方法获取第一个label的每一行。然后把第一个label的第一行以后的subString设置为第二个label的Text。
 
    self.shortDescLabel.text = @"使用两个UILabel,每一行就是一个只显示一行的Label，第一个label的截断设置为NSLineBreakByWordWrapping，第二个设置为NSLineBreakByTruncatingTail 首先把要设置的字符串设置为第一个label的Text"
    NSMutableString *firstLineString = [self getSeparatedLinesFromLabel:self.shortDescLabel][0];
            NSString *subString = [shortDesc substringFromIndex:firstLineString.length];

 
- (NSArray *)getSeparatedLinesFromLabel:(UILabel *)label
{
    NSString *text = [label text];
    UIFont   *font = [label font];
    CGRect    rect = [label frame];
    CTFontRef myFont = CTFontCreateWithName((__bridge CFStringRef)([font fontName]), [font pointSize], NULL);
    NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc] initWithString:text];
    [attStr addAttribute:(NSString *)kCTFontAttributeName value:(__bridge id)myFont range:NSMakeRange(0, attStr.length)];

    CTFramesetterRef frameSetter = CTFramesetterCreateWithAttributedString((__bridge CFAttributedStringRef)attStr);

    CGMutablePathRef path = CGPathCreateMutable();
    CGPathAddRect(path, NULL, CGRectMake(0,0,rect.size.width,100000));

    CTFrameRef frame = CTFramesetterCreateFrame(frameSetter, CFRangeMake(0, 0), path, NULL);

    NSArray *lines = (__bridge NSArray *)CTFrameGetLines(frame);
    NSMutableArray *linesArray = [[NSMutableArray alloc]init];

    for (id line in lines)
    {
        CTLineRef lineRef = (__bridge CTLineRef )line;
        CFRange lineRange = CTLineGetStringRange(lineRef);
        NSRange range = NSMakeRange(lineRange.location, lineRange.length);

        NSString *lineString = [text substringWithRange:range];
        [linesArray addObject:lineString];
    }
    return linesArray;

}

 
 
 
  
属性设置为display:inline或display:inline-block
 
 
 
 
　　
 
 
转载于:https://www.cnblogs.com/lvlin241/p/10022653.html

让标签内部的内容在一行显示，随着浏览器大小变化而变化，不随着浏览器大小变化而换行，只需在标签上加上下面的样式即可
 
 
style="overflow: hidden;white-space: nowrap;"