Dzwebs.Net

撰写电脑技术杂文十余年

网页中的段落标记p失效的CSS解决办法

Admin | 2011-8-6 9:37:49 | 被阅次数 | 8410

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  网页中,常常需要使用CSS代码来控制页面的布局和对网页中的内容进行修饰。

  有的时候,不该使用的CSS代码,会影响到网页内容的显示效果。

  就比如说,当我们的网页中的段落文字,使用了<p></p>作为段落标记后,但在网页文字显示的时候,却看不到段落的间距,仅显示为普通的换行而已。即网页中的段落标记<p></p>失效,并未产生任何的段落效果。

  遇到这种情况,如何来解决呢?

  寻找原因及解决办法

  问题很简单,原因在于,您网页中的CSS代码,肯定对段落标记<p></p>进行了设置,否则,不会导致<p></p>失效。

  比如如下的CSS代码:

  form, fieldset, legend, input, button,
  textarea, p, blockquote, th, td {
      margin: 0;
   padding: 0;
  }

  上述的代码中,看到了吗?其中,有一个标记是p,这足以说明,该CSS代码对段落标记进行了设置,导致其作用失效。

  而失效的CSS代码是:

  margin: 0;
  padding: 0;

  要想解决这个问题,就简单了,把textarea, p, blockquote, th, td这一行中的p删除,变为:

  textarea, blockquote, th, td

  这样就行了,问题就得到解决了。

  知识扩展

  有的时候,除了段落标记失效外,就连文字的加粗效果也会失去效果,

  所谓的加粗效果失效,指的是该加粗的时候没加粗,不加粗的时候却加粗了,刚好和设置的意图相反。

  如下的代码:

  em, strong, th, var, optgroup {
      font-style: normal;
      font-weight: normal;
  }

  您只需要将strong去掉,问题就解决了。


该杂文来自: 网页制作杂文

上一篇:在网页中显示日期和星期的代码

下一篇:不准DIV换行的方法

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计