HTML怎么让a是块元素不占一行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML怎么让a是块元素不占一行相关的知识,希望对你有一定的参考价值。

参考技术A a元素是行内样式,用display改变a的样式
1.行内元素(不可指定宽高,不会独占一行)

<a href="" ></a>
2.行内块状元素(可指定宽高,不会独占一行)
<a href="" style="display:inline-block"></a>
<a href="" style="display:inline-table"></a>
3.块状元素(可指定宽高,独占一行)
<a href="" style="display:block"></a>
<a href="" style="display:table"></a>
ps:第3种办法只要指定宽高后,采用float或position后同样能达到让a元素不独占一行效果
参考技术B 改样式啊display:block; 就变块 参考技术C 设置inline-block 参考技术D 用个table定位 第5个回答  推荐于2018-03-13 display:block 块元素
display:inline-block,行内块元素
以上都可以,或者给a加上浮动,比如float:left 会有块元素的效果

以上是关于HTML怎么让a是块元素不占一行的主要内容,如果未能解决你的问题,请参考以下文章

html表单元素是块级元素还是行级元素。

html中的元素类型种类及特点

Web前端技术分享:什么是块元素?什么是行内元素?

使块元素并排显示和清除浮动的方法

在HTML中button标签是块级元素还是内联元素

什么是块级元素和内联级元素