网站建设p元素里面的文字间隔怎么设置

日期 : 2019-04-15

访问 :

作者 :

       网站建设的时候p标签里面的文字间的距离应该怎么设置呢?很多朋友可能是做网站的时候做过导航,大家在做导航的时候,可以想象一下导航里面的那个文字的间距的设置方式,其实这个设置方式和p元素里面的文字间隔设置方式理论上来说是没有多少区别的。我们在设置的时候主要是用到了padding这个属性。可以采用左边距离方式来设置间隔,也可以采用右边距离的方式来设置间隔。下面来简单介绍一下设置方法。
       网站建设的时候肯定是页面里面有很多内容,然后每一个内容里面都是有文字的,我们习惯性的会把文字放在p标签,也就是段落标签里面。可是我们看到这个文字觉得文字的距离太近了,想要把它设置宽一点。此时我们先把这个p标签转换成为浮动标签,然后利用padding-left或者padding-right来设置间隔距离。比如我们可以设置成10个PX,设置好了之后刷新一下你就会看到这些文字间隔的距离被拉长了。还有些朋友说我的文字行高也想要设置一下。其实这个时候你也可以使用padding-top来设置高度,从而就能够让行高被拉长。当然我们很多时候不用这样设置行高,因为设置行的高度有专门的属性可以来进行设置。只不过采用这种设置方法控制起来更加容易一些,而且以后布局也都这样做的话,显得整个布局看起来比较的统一协调。这种设置的方法操作起来更加的简单方便,理解起来更加容易。
 
{{toastMsg}}

长按二维码保存

分享到微信

点击空白处关闭