美文网首页
Css样式设置小技巧

Css样式设置小技巧

作者: 梨啊梨 | 来源:发表于2017-08-13 18:36 被阅读0次

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

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


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

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

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


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

一般有三种方法:

1. 加入table标签

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

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

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


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

相关文章

  • Css样式设置小技巧

    水平居中设置——行内元素(内联元素?) 如果被设置元素为文本,图片等行内元素时,水平居中是通过父类设置text-a...

  • css样式设置小技巧

    1 水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的标题一般都是水平居...

  • [jQuery]设置css样式

    获取css样式 设置单个css样式 设置多个css样式

  • css样式设置技巧

    一、水平居中设置1、行内元素 设置元素为文本、图片等元素时,水平居中是通过给父元素设置:text-agl...

  • css基础学习笔记(五)

    css样式设置小技巧 水平居中设置-行内元素 我们在实际工作中常会遇到需要设置水平居中的场景,比如为了美观,文章的...

  • jQuery获取设置样式

    css();方法 获取或设置样式 对以下html标签进行样式的获取和设置 获取样式 css();方法设置参数,...

  • table设置样式

    1.css设置样式 2.动态设置样式

  • CSS样式设置技巧总结

    一、水平居中总结-不定宽块状元素方法 下面来详细介绍一下这几种方法: 1.加入table标签 利用table...

  • CSS基础语法一

    CSS基本语法 CSS样式 内联样式(行内样式) 当行代码设置属性 页内样式 当先页面设置属性 外部样式 在单独的...

  • jQuery实现显示隐藏功能与设置样式

    1、设置显示隐藏 2、通过css()设置样式 3、通过addClass()设置样式

网友评论

      本文标题:Css样式设置小技巧

      本文链接:https://www.haomeiwen.com/subject/kfderxtx.html