html 如何控制span块的大小

Posted

tags:

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

参考技术A span本身不是块儿状区域,如果你非要强加上的话,给span设置:display:block;这样就可以了
还有,你想让span内的img图片上移一下的话,你把span设置为块儿区域了以后,然后在你的margin-top:0px;修改成
-10px;然后你再看看效果就可以了。
margin是调整外边距的距离
padding
是调整内边距的距离
如果还有其他疑问继续追问我

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/>

以上是关于html 如何控制span块的大小的主要内容,如果未能解决你的问题,请参考以下文章

如何设定CSS控制元素内部的元素之间间距

无论屏幕大小如何,都使用 CSS 修复 DIV 内的 SPAN 位置

css 如何控制span 强制换行

如何计算列表中值块的大小?

css 如何控制span 强制换行

我们如何知道 bzip2 块的未压缩数据的大小?