css 如何控制span 强制换行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 如何控制span 强制换行相关的知识,希望对你有一定的参考价值。

<style> .hhang word-wrap: break-word; word-break: normal; color:#626262;text-indent:2em; </style> <ul class=""> <li id="2580282318205"> <a target="_blank" title="选择CRM系统的四点建议" href=" http://www.bsia.org.cn "><span class="">选择CRM系统的四</span></a><span class="hhang">随着云计算技术...</span><a target="_blank" title='[详细]' href=" http://www.bsia.org.cn "><span class="zy">[详细]</span></a> </li> </ul> 想让第2个span和第一个span的内容不再一行上,怎么控制,怎么控制不住呢,word-wrap: break-word; word-break: normal;不是强行换行吗?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>景安网络</title>
<style type="text/css">
span display:block;
</style>
</head>

<body>
<span>景安</span>
<span>景安网络</span>
<span>景安网络</span>
</body>
</html>

使用display:block; 将span转成块级元素即可

参考技术A 方法1:用换行;方法2:用display:block;然后设定一个宽,自动会换行。如果ui或li有宽的话,文字到边界也会自动换行。
满意请采纳本回答被提问者采纳
参考技术B 直接加<br />不就行了,一般中文到了行尾就会自动换行的,word-break:break-all;word-warp:break-word;这都不是标准的CSS了! 参考技术C 换行的话可以考虑<br/>

以上是关于css 如何控制span 强制换行的主要内容,如果未能解决你的问题,请参考以下文章

css怎么强制换行?

怎样让css控制文字禁止换行/强制不换行?

html 中文标点 强制换行

antd中的table如何强制换行

css实现强制不换行/自动换行/强制换行

css CSS实现强制不换行/自动换行/强制换行