css块级变行内

CSS中常见的块级元素包括div、p、h1~h6等，它们默认会独占一行并自动换行。而行内元素，如a、span、em等则不会自动换行。

div {display: block;}span {display: inline;}

但是，我们可以通过CSS将块级元素的display属性设置为inline，将行内元素的display属性设置为block，从而实现块级元素变为行内元素，或将行内元素变为块级元素。

p {display: inline;}h1 {display: inline-block;}

上述代码中，p元素被设置为行内元素，将不再独占一行并自动换行，而h1元素则被设置为行内块级元素，保留了块级元素的特性，同时也具有行内元素不独占一行的特性。

值得一提的是，使用CSS将块级元素转为行内元素只是调整了元素的显示方式，并不能完全取消块级元素带来的间距问题。如果需要完全取消块级元素的间距，可以考虑设置元素的margin和padding属性为0。

div {display: inline;margin: 0;padding: 0;}

总体来说，通过CSS将块级元素变为行内元素或将行内元素变为块级元素是一个很方便的技巧，可以让我们更好地掌控页面的布局和样式。

上一篇：python直接输出实例

下一篇：java输入本金年数和年利率计算利息