javascript - 模仿segmentfaul问题列表的css问题
PHP中文网
PHP中文网 2017-04-10 17:52:30
[JavaScript讨论组]

沉迷后端2年,也了解前端框架,现在想写点练手项目,发现主要问题就是布局, bootstrap有时不满足需求还是需要自己写。比如最近想模仿segmentfault,现在问题就是问题列表标签那块是怎么做的?

1回答

  • 作者
  • 7分钟前

Java 是一种可\,是由 Sun Mic\ 月推出的 Java 程序设计语言和 Java 平台(即 JavaSE, JavaEE, JavaME)的总称。

.question { background-color: #C0A16B; } .left { float: left; border: solid red 1px; box-sizing: border-box; line-height: 3; text-align: center; } .leftItem { float: left; margin: 20px 2px 2px 2px; padding: 2px; border: solid green 1px; } .right { margin-left: 5px; overflow: auto; border: solid skyblue 1px; } .rightTop { margin: 5px 0 0 3px; padding: 0px; border: solid palevioletred 1px; } .title { display: inline; } .tags>ul>li>a { background-color: #5CB85C; color: #008000; text-align: center; margin: 2px; float: right; }

效果如下,希望回答。能延伸一些和代码建议更感激,更希望能给一点布局方面的书籍 谢谢。

PHP中文网
PHP中文网

认证0级讲师

全部回复(4)
迷茫

h标签可以设置display:inline–block ,另外这样的布局是可以用bootstrap的,我做过。只是需要你去添加一些代码。

阿神

前端无秘密,你可用开发者工具直接查看每个标签是怎么定义的结构和样式

ringa_lee

你要写成什么样的效果?
个人觉得先通读一下菜鸟教程的css然后多写点,碰到问题,查阅资料就好了。
而且写布局,初学不推荐bootstrap,他这个框架自己写了很多样式,你会不理解他是怎么来的。
关于布局有些布局网页,可以界面化布局

黄舟

同一楼!!!

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号