CSS中的margin属性可以控制元素与其他元素之间的留白,通常用于控制元素之间的间距。而在某些情况下,我们需要控制元素内容的左右留白,这时候就需要使用CSS的padding属性了。
{ padding-left: 20px; padding-right: 20px; }
padding-left表示元素内容左侧的内边距,padding-right表示元素内容右侧的内边距,两者的值可以根据实际情况进行调整。如以上代码所示,将元素内容的左右边距均设置为20px。
需要注意的是,padding属性会将元素的宽度增加,这也就意味着元素的总宽度将变大。如果需要将元素内容向中间靠拢,可以使用margin属性将元素的左右外边距减小。如以下代码所示:
{ padding-left: 20px; padding-right: 20px; margin-left: -20px; margin-right: -20px; }
通过将左右外边距的值设为-padding-left和-padding-right的值,可以将元素内容向中间靠拢,达到左右留白的效果。