更生念什么:【pre标签内容溢出父容器 】—-lingjihua,天天乐棋牌,鬼作在线,网络咨询医生

网络干货 litianseo 6个月前 (06-12) 57次浏览 已收录 0个评论

正文:
pre 标签内容溢出父容器 – 32w.net–深圳 seo
                <pre>标签可定义预格式化的文本,被包围在 pre 元素中的文本通常会保留空格和换行符,而文本也会呈现为等宽字体。
通常在包含一段代码时,我们会用到<pre>标签,与<code>标签的区别是<pre>是块级的,而<code>是行内元素。
之所以使用<pre>标签,最大的目的莫过于希望保留内容中空格、换行、Tab 的显示,特别是在显示代码片段时。
pre 标签
对于其他标签需要呈现为<pre>的样式,可以使用 CSS:
white-space: pre;
由于在 pre 样式下内容不会换行,当内容宽度大于容器宽度时就会导致溢出,解决办法:
overflow-x: auto;
有人说可以修改<pre>的默认样式:
white-space: normal;
但真要这样干的话,又何必使用<pre>标签呢?
还有一个另外的情况是,在使用前一篇文章中提到的自适应布局时(box-sizing 解决自适应布局容器宽度问题),由于#content 的宽度是自适应的,在不明确指定#content 宽度的情况下,<pre>会忽略#content 的 padding-right 而溢出,解决办法是为#content 指定一个宽度:
#content {
    width: 100%;
}
            
             更生念什么,lingjihua

———————————-

相关阅读:
天天乐棋牌,鬼作在线,RCT 系列部分作品番号 _ 封面预览 _ 日本最奇葩 AV 系列

  【文献通考】
“佩西所言我当然不会怀疑,但也正是因此我才担心!”岳程眉头深锁道。
  【仪卫志】
“宇梵,难道你没发现吗?奥 http://www.32w.net 克斯另外人损失另外并不多!”陈宇梵一边另外菲雅悄声一句,冷眼看向前方……
  卦:“九五:显比。王用三驱,失前禽。邑人不诫,告。”网络咨询医生


32w.net , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:http://www.32w.net/ganhuo/323.html
更生念什么:【pre标签内容溢出父容器 】—-lingjihua,天天乐棋牌,鬼作在线,网络咨询医生
喜欢 (0)
[576801182@qq.com]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址