从品牌网站建设到网络营销策划,从策略到执行的一站式服务
如何实现让两个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;高度一致,文字垂直居中。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联行业资讯频道,感谢您对创新互联的支持。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图