一个关于HTML 列表表格里面的排版问题的解决

半开半落 2019-01-17 10:06:02

开发工具与关键技术:DW 前端
作者:张铭标
撰写时间:2019年1月16日星期三

我们在写html的时候经常会用到列表标签来撰写,写完之后往往需要用css样式来给它进行排版,但却发现在写完css样式之后并不能完全达到你想要的效果。如下图所示:
img:

在图中我发现一些没有在<a>标签里输入内容的地方在css里面不起效果,导致后边的内容前置的现象。
html:

我们发现在<a>标签里面,如果什么都不输入又想让它腾出一个空出的位置,用css写就很繁杂。

后来我发现可以在html里面利用一个空格( ;)这样的一个特殊符号来解决这样的问题。
如下图所示:
html:

最后如愿得到想要的效果:
img:
...全文
552 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
浪戟天下 2019-01-17
  • 打赏
  • 举报
回复
但为什么用ul,li写,用table岂不是更棒棒,连空格都省了。
宋某人... 2019-01-17
  • 打赏
  • 举报
回复
自己人,这是考试的页面
带刀走江湖 2019-01-17
  • 打赏
  • 举报
回复
为什么要横着写,垂直着写不是更好吗?最后一个为空就是现在的效果

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧