如何实现让两个DIV横向排列,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
成都创新互联于2013年开始,先为河池等服务建站,河池等地企业,进行企业商务咨询服务。为河池企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
如何定义让两个DIV横向排列
两个DIV横向排列方法一:
一般情况,默认的DIV是写一个换一行,那么如何定义两个DIV横向排列而不换行呢?
DIV默认的display属性是block。所以每一个DIV都是新的一行,现在把display换成inline就不会换新行了。
< div styledivstyle="background-color:#ff0000;display:inline;">aaa
两个DIV横向排列方法二:
这里使用float:right属性。float做为CSS中的一个属性定义元素向哪个方向浮动。float:right文本或图像会移至父元素中的右侧。
注意有写情况float属性必须配合width使用,否则失效。
阅读次数:9999
height:24px;和line-height:24px;高度一致,文字垂直居中。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。