鱼C论坛

 找回密码
 立即注册
查看: 2882|回复: 4

[已解决]html 中div和nobr同时用怎么破

[复制链接]
发表于 2020-9-18 22:20:17 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 bie33333 于 2020-9-18 22:22 编辑

原本是想给四个链接加边框的同时让他们并排,请问怎么改
或者有没有更简单的写法
代码如下




  1. <head><style>
  2.     div {
  3.         display:inline
  4.         width:50px;
  5.         height:20px;
  6.         border :2px solid white;
  7.         border-radius :40px 40px 40px 40px ;
  8.     }

  9. </style></head>
  10. <body>
  11. <p align="center">
  12. <nobr><div><a href="http://www.tiaozhan.com" style="color:white">
  13.     前端</a></div>>
  14. <div><a href="http://www.tiaozhan.com" style="color:white">
  15.     后端</a></div>
  16. <div><a href="http://www.tiaozhan.com" style="color:white">
  17.     运维</a></div>
  18. <div><a href="http://www.tiaozhan.com" style="color:white">
  19.     更多</a></div></nobr>
  20. </p></body>
复制代码
最佳答案
2020-9-18 22:34:49
本帖最后由 liuzhengyuan 于 2020-9-18 22:36 编辑
bie33333 发表于 2020-9-18 22:30
可是我背景是黑的


刚刚没理解意思,这样改(外面再加一个大的 div 然后样式加载这个大的 div 上):
  1. <head><style>
  2.     .t {  
  3.         border :2px solid white;
  4.         border-radius :40px 40px 40px 40px ;
  5.     }
  6.        
  7.         * {
  8.     background-color: black;
  9. }

  10. </style></head>
  11. <body>
  12. <p align="center">
  13. <nobr><div class="t"><div  ><a href="http://www.tiaozhan.com" style="color:white">
  14.     前端</a></div>
  15. <div  ><a href="http://www.tiaozhan.com" style="color:white">
  16.     后端</a></div>
  17. <div  ><a href="http://www.tiaozhan.com" style="color:white">
  18.     运维</a></div>
  19. <div  ><a href="http://www.tiaozhan.com" style="color:white">
  20.     更多</a></div></div></nobr>
  21. </p></body>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-9-18 22:27:43 | 显示全部楼层
本帖最后由 liuzhengyuan 于 2020-9-18 22:29 编辑

style="color:white"
这句话的意思时 把 文字的颜色变白,变白了文字就看不见了

而且border的颜色时白色的,所以看不见边框

你可以设置一个背景
  1. * {
  2.     background-color: black;
  3. }
复制代码
这样就可以看见了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-9-18 22:30:17 | 显示全部楼层
liuzhengyuan 发表于 2020-9-18 22:27
style="color:white"
这句话的意思时 把 文字的颜色变白,变白了文字就看不见了

可是我背景是黑的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-9-18 22:34:49 | 显示全部楼层    本楼为最佳答案   
本帖最后由 liuzhengyuan 于 2020-9-18 22:36 编辑
bie33333 发表于 2020-9-18 22:30
可是我背景是黑的


刚刚没理解意思,这样改(外面再加一个大的 div 然后样式加载这个大的 div 上):
  1. <head><style>
  2.     .t {  
  3.         border :2px solid white;
  4.         border-radius :40px 40px 40px 40px ;
  5.     }
  6.        
  7.         * {
  8.     background-color: black;
  9. }

  10. </style></head>
  11. <body>
  12. <p align="center">
  13. <nobr><div class="t"><div  ><a href="http://www.tiaozhan.com" style="color:white">
  14.     前端</a></div>
  15. <div  ><a href="http://www.tiaozhan.com" style="color:white">
  16.     后端</a></div>
  17. <div  ><a href="http://www.tiaozhan.com" style="color:white">
  18.     运维</a></div>
  19. <div  ><a href="http://www.tiaozhan.com" style="color:white">
  20.     更多</a></div></div></nobr>
  21. </p></body>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-9-18 23:58:45 | 显示全部楼层
行内块;
浮动;
弹性布局;
表格布局;
以上都可以的,后两种低版本ie浏览器不支持
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 15:23

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表