span在html占几行,html – 如何在span中插入换行符？

尝试添加：

display: inline-block;

注意：它可能会改变一些行为.

在HTML中：

JAN-MAR
Q1 Summary

您也可以使用js,以获得更加动态的方法：

JAN-MAR Q1 Summary

你可以使用jQuery来做到这一点：

$(document).ready(function(){

$(".q_header").each(function(){

// Get content

var

content = $(this).text(),

// get first word

first_w = content.match(/([\w\-]+)/);

// replace the first word with first word and break

var new_cnt = content.replace(first_w[0], first_w[0] + "");

// add the css to make it inline-block

$(this).css("display", "inline-block").html(new_cnt);

});

});