导航:首页 > 万维百科 > 网页设计做横排标题

网页设计做横排标题

 发布时间：2020-09-22 01:15:22

1、div css网页设计中li横向排列遇到的奇怪问题

代码我理过了，写的太想当然了，导致繁杂。

你的问题解决方法也很简单，要求换行就直接给换行命令就好了：


（ps：要突出种类并换行，直接用换行指令就行了，li里面再套一个ul完全就是自找麻烦，最简单分两<p>+<ul>组合都比这样写来的实在。）

2、html网页制作（视频类）要入该图中横排显示，源码该如何编写

这种排法可以用一个列表的标签
<ul>
<li></li>
<li></li>

<li></li>

<li></li>

<li></li>

</ul>
然后每个li都让其浮动起来float:left;就行了！

3、DW8.0网页设计里面二级菜单文字是竖排的怎么弄成横排啊

这个需要通过CSS来控制；把他的float属性设为left就可以把竖排的变成横排的。

4、网页设计图片多个图片横排的的问题!!!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.aa img {
height: 150px;
width: 115px;
}
.aa li {
float: left;
margin-right: 10px;
list-style-type: none;
}
.aa {
width: 1200px;
height: 200px;
margin-right: auto;
margin-left: auto;
}
-->
</style>
</head>

<body>
<div class="aa">
<ul>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
</ul>
</div>
<div class="aa">
<ul>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
</ul>
</div>
<div class="aa">
<ul>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
<li><img src="可爱/1.jpg" /></li>
</ul>
</div>
</body>
</html>

这段代码里面的图片路径改一下，是这种效果吗？希望也可以帮助到你

5、网页设计如何让li横排并居中显示

这样的效果有2种选择：

使用表格（建议）。

使用css的float属性。

6、网页设计时为什么浏览器以缩小横排的字就被挤到下面去了？

这是浏览器自己适应的结果。文字是被装在类似盒子里的地方的，当浏览器缩小以后，相应的盒子也会缩小，文字在里面挤得慌就到下面去了。这是浏览器为了让你在小屏幕上还可以看见全部的文字做的设计。要想不让字挤到下面去，只要把对应的盒子设为固定的宽度就行了。
看你的话不像是内行，有啥不懂的代码问我就行了。

7、html、css制作网页，横排导航栏，为什么加了float:right;还是无法竖直排列呢？ 如图

你写的float:left;

而且你这是竖直排列啊。你应该是想要横向排列吧。

问题出在你第一个选择器，ul,li中间是逗号，代表并列的意思，所以你后面的属性是给了ul和li。

ul和li宽度都是80px，li一排就只能放下一个。

逗号改成空格。然后前面加一个

ul { float:left;}

与网页设计做横排标题相关的知识