Css样式设置小技巧

水平居中设置——行内元素(内联元素?)

如果被设置元素为文本,图片等行内元素时,水平居中是通过父类设置text-align:center来实现的



水平居中——定宽块状元素

定宽状元素:宽度是固定设置好的,确定好的宽度

想要达到居中的效果,通过左右设置margin:auto



水平居中——不定宽块状元素

一般有三种方法:

1. 加入table标签

利用table标签的长度自适应性---即不定义其长度也不默认父元素body的长度(table其长度根据其内文本长度决定),因此可以看做一个定宽度块元素,然后再利用定宽度块状居中的margin的方法,使其水平居中。

第一步,为需要设置居中的元素外面加入一个table标签(包括<tbody><tr><td>)

第二步:为这个 table 设置“左右 margin 居中”(这个和定宽块状元素的方法一样)


http://www.imooc.com/code/6364

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,806评论 1 92
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,664评论 0 30
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 962评论 0 1
  • 槐花果然烫一下绿绿的很漂亮呵呵香气十足!
    风筝2017阅读 417评论 0 0