扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
有两种方法可以将纵向列表转变成横向列表。使用内联(inline)或浮动(float)的列表项。这两种方法都很好，但如果你想链接到具有相同的大小，你必须使用浮动的方法。
创新互联长期为千余家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为东宝企业提供专业的成都做网站、网站建设，东宝网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
利用Dreamweaver新建一个html页面。在body里面输入代码 你好 小鱼 小小 。默认的样式是这样的。编辑li标签的css样式。float：left代表的是元素左对齐。
可以使用弹性布局，display： flex 就可以让div横排，默认布局轴方向就是横向，justify-content： space-between可以是div平均分布在水平轴上。
你给div设置一个宽度不就行了？块级元素默认情况是横着都占满浏览器的，你设置个宽度就行啦。
CCS如何设置列表的横排或者竖排 请看案例：让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了。
1、用div的话，宽度仍然采用百分比，样式margin：0 auto；就可以自动居中了。采用百分比能够自动适应窗口，但不会小于页面元素中最宽的固定宽度。一般页面宽度可以设置为1002px。1024的分辨率下刚好满屏，不出现横向 滚动条 。
2、想要网页宽度自适应，需要把网页元素宽度设置为百分比，还要在网页头部加上代码：metaname=viewportcontent=width=device-width，initial-scale=0/。
3、首先，在网页代码的头部，加入一行viewport元标签。
1、没用响应式布局，电脑的屏幕本来就比手机屏幕宽，要是包含图片的板块没用百分比而是设的实际像素，就会出现这种情况。
2、正常页面尺寸常规书写即可，横屏样式单独设置。即只需在原有样式基础上添加横屏样式即可，@media screen and (orientation： landscape) { /*横屏 css*/}当用户横屏时加载横屏样式，竖屏时取消横屏样式即加载默认样式。
3、兼容问题，也可以说是CSS未设置好。你这样单单一张图很难调的。看样子是左侧那图片太大，在手机上不会自动调节大小，而且手机宽度不够，所以才那样。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网