当前位置: 首页 > Web前端 > CSS

div

时间:2023-03-31 12:45:59 CSS

前端入门篇之前没有做过前端开发工作,在目前的前端开发工作中遇到了很多坑,涉及到javascript和css样式,所以想在这里总结一下。文章结构可能混乱,同一篇文章可能有多次修改。div显示在同一行div是块级元素,默认不会显示在同一行,但是可以通过以下方法让div元素显示在同一行。使用floatstyle.left{float:left;}.right{浮动:对;}

child1
child2
child3
child4
使用内联.inline{display:inline-block;}
inline1
inline2使用inline方法有问题。预览的时候,你会发现两个元素之间会有空隙(比如上面的inline1和inline2)。有一个空格,这是由两个
之间的空白字符(包括空格、制表符和换行符)引起的。网上有很多方法可以消除这个空白,这里就不详细描述了。使用flexflex的方法我一直没成功,等测试成功后再补充。。。reactjs的内联样式很简单,但是很多初学者会在这里踩坑。我按照百度搜索的方法在react中使用了inlinestyle,但是没有成功。不知道是什么原因,可能是版本不一样???但是,以下内容可供个人测试。普通html
reactjs注意,'hidden'使用了单引号div的flex样式