韩旭不会敲代码吧的博客

我们都知道行内元素直接设置宽高是无效的。当我们在面试中遇到这个问题的时候，很容易想到给它设置display:block或者display:inline-block就可以了，但是面试官来了句“还有其他方法吗？”1、常用的行内元素<a> 标签可定义锚<abbr> 表示一个缩写形式<acronym>定义只取首字母缩写<b> 字体加粗<bdo> 可覆盖默认的文本方向<big> 大号字体加粗<br>

1、元素水平居中当然最好使的是：margin: 0 auto;2、元素水平垂直居中方案1：position 元素已知宽度父元素设置为：position: relative;子元素设置为：position: absolute;距上50%，距左50%，然后减去元素自身宽高一半的距离就可以实现<style> .box { background-color: #FF8C00; width: 300px; height: 300px; posit

前言CSS的布局方式多种多样，那么我们改如何去合理选择自己所需的布局方式呢，让我们一起来交流一下。一、标准流(普通流/文档流)1、所谓的标准：就是标签按照规定好默认方式排列(1)块级元素会独占一行，从上向下顺序排列常用元素：div,hr,p,h1,ul,ol,form,table(2)行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行常用元素：span,a,i,em等标准流是最基本的布局方式二、浮动布局1、浮动最典型的应用：可以让多个块级元素一行内排列显示2、网页布局第一准