如何除去prehtml标签换行字符间距里的回车符为什么间距这么大

css,pre包含li标签占多行问题_百度知道
css,pre包含li标签占多行问题
&li&测试&/li&
&li&元素&/li&
因为需求在页面显示源码,用pre标签包含li标签,li标签就会占多一行,因为被pre包含的会保留空格换行符的,怎么解决? 去掉pre标签用code标签,li就正常了,但是,code标签不能保留空格换行符什么的,
那要显示...
我有更好的答案
没看明白你到底是要“换行”,还是不要“换行”,如果是li之间的距离太大的话,你在css里边设置pre&li&{display:}试试。
要pre 代码可以保留缩进,但是li占两行,display:inline我也用过了,用了inline,li标签不能用全屏background:red背景色
采纳率:68%
为您推荐:
其他类似问题
li标签的相关知识
换一换
回答问题,赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。html pre标记里内容自动换行
互联网 & 06-06 02:41:00 & 作者:佚名 &
这时候,你可以使用overflow: (当代码超出容器边界的时候,显示滚动框), 但这个方法也并不适用于所有主流浏览器,一些浏览器会直接截断超出的内容 。
我们都知道&pre& 标签可定义预格式化的文本,一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中
这时候,你可以使用overflow: (当代码超出容器边界的时候,显示滚动框), 但这个方法也并不适用于所有主流浏览器,一些浏览器会直接截断超出的内容 。
我们都知道&pre& 标签可定义预格式化的文本,一个常见应用就是用来表示计算机的源代码。被包围在 pre 元素中的文本通常会保留空格和换行符,但不幸的是,当你在&pre&标签里面写代码的时候,如果你没有手动换行,它也会给你保留,而不会自动换行。
这时候,你可以使用overflow: (当代码超出容器边界的时候,显示滚动框), 但这个方法也并不适用于所有主流浏览器,一些浏览器会直接截断超出的内容 。
由于本站中使用源码的地方也不是很多,之前也不是很在意这个问题,前不久有位热心的网友在QQ上反馈这个问题,于是在趁这次更换主题时,寻找了一下解决方案,分享之。代码如下: pre { white-space: pre- /* css-3 */ white-space: -moz-pre- /* Mozilla, since 1999 */ white-space: -pre- /* Opera 4-6 */ white-space: -o-pre- /* Opera 7 */ word-wrap: break- /* Internet Explorer 5.5+ */ } 该CSS方案可让pre标签内的文本自动换行,我在我有的浏览器上都测试了一下,全部支持,IE6,IE7, IE8, Firefox, Opera, Safari和Chrome。 仅当你把窗口缩小到小于20个字符的宽度的时候,才会超出边界 另外,看到一些帖子也有分享这个CSS技巧,说能解决长词换行的问题,但我试了一下,还是不行。
大家感兴趣的内容
12345678910
最近更新的内容可能你对以下的内容也感兴趣: 上传我的文档
 下载
 收藏
粉丝量:26
该文档贡献者很忙,什么也没留下。
 下载此文档
在word里按回车换行间距变大怎么办
下载积分:800
内容提示:在word里按回车换行间距变大怎么办
文档格式:DOC|
浏览次数:3442|
上传日期: 11:53:33|
文档星级:
全文阅读已结束,如果下载本文需要使用
 800 积分
下载此文档
该用户还上传了这些文档
在word里按回车换行间距变大怎么办
关注微信公众号HTML &pre& 标签

我要回帖

更多关于 pre 段落间距 的文章

 

随机推荐