css是横着写好还是竖着写好

html-css021

css是横着写好还是竖着写好,第1张

CSS让文字竖着排列,我们可以使用CSS，在需要竖向显示的地方，强制定义显示区域的宽度，这样字符会自动竖向排列：请看具体代码： 推荐使用这种方法，觉得这个方法兼容性也好，而且代码简洁，字符也容易控制。

<style type=“text/css">

#banner{width:900px}

#banner li{float:lefttext-align:centerwidth:100px}

</style>

<ul id="banner">

<li><a href="">首页1</a><li>

<li><a href="">首页2</a><li>

<li><a href="">首页3</a><li>

</ul>

横着显示的关键属性是<li>的float:left，最好定义一个宽度。

居中对齐则是属性：text-align:center。

可以使用弹性布局，display: flex 就可以让div横排，默认布局轴方向就是横向，justify-content: space-between可以是div平均分布在水平轴上。