margin可以使用任何长度单位,像素、磅、英寸、厘米、em、百分比等。margin属性默认值为0,如果没有定义margin的值,则意味着元素没有边界。但在实际应用中,各种浏览器都会为一些元素预定义边界样式,如p,hl-h6、ul等。这样即使设计师不定义它们的margin值,但在显示时浏览器也会自动显示一定的边界。因此,一些元素虽然没有定义margin,但并不意味它们没有边界。
aotu是一个自动计算的值,这个值一一般为0,也可以为其他值,这主要由具体浏览器来确定。auto还有一个重要作用就是用来实现元素居中显示,如果想用这种方法使整个页面居中,建议不要把所有的模块都套在一个div元素里。读者可以根据上沘面示例的CSS布局代码定义,然后为每个模块的包含框元素div定义margin-right:auto;margin-left:auto,就可以实现该元素居中显示。医用灭菌袋 灭菌袋封口机 硅橡胶印模材 齿科针
在实际布局中,可能希望页面布局居中显示,人但内部文本向左对齐,这时就需要为子元素定义text-align:left属性,使其内部文本向左对齐。否则文本也会居中显示,显然这不是我们所希望的结果。
边界可以取负值,似乎不敢相信。是的,这是一个很有趣的话题,负值边界会给我我们的设计带来更多新奇的创意,让我们的工作更具刺激和挑战。在滔滔不绝的大道理面前还是用一个示例来激发你的好奇。其实,我们只需要在CSS布局代码中添加3行代码,就OK了。还有一个技巧问题,足以引起设计师们的注意,就是在浮动布局时,当窗口缩小到一定宽,如小于或等于左右模块宽度总和时,右边模块就会错行,这是一个很头痛的问题,因为我们不预知所有浏览者会把窗口设置多大。但通过边界取负值能够很好地解决这个问题,且各种浏览器都能够支持。
将负边界应用于块级元素是一个高风险的投资,但也具有高回报的价值。另外,我们还可以使用边界取负值来对段落文本的行距进行一些补偿和修整。关于边界取负还能给网页布局带来什么创意?这是一个很大的话题,也是一个值得探索的领域。例如,通过边界与补白的取负配合实现栏目背景色自动向下延伸,利用边界取负实现动态导航效果,通过边界取负隐藏不需要的内容,如此等等,这些尝试都会给设计工作吹来一缕春风,新奇之感值得读者去摸索和实践。