个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我试图让三个“选项卡”填满一个更大的容器 div 的整个宽度，但宽度总是短几个像素，或者如果我增加选项卡的宽度，最后一个被推到较低的水平.另外，li 元素是否更适合构建这些选项卡？我正在使用 bootstrap，如果是这样的话，如果您知道它有一个内置的解决方案，我非常愿意这样做。
<!--HTML-->
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<div class="vendor_container">
<div class="vendor_header">
<span>
Company
</span>
</div>
<div class="vendor_tabs">
<div class="vendor_tab vendor_contacts">
Contacts
</div>
<div class="vendor_tab vendor_clients">
Clients
</div>
<div class="vendor_tab vendor_notes">
Notes
</div>
<div class="clear"></div>
</div>
<div class="vendor_pane vendor_contacts">
<table class="detail_table contacts">
<thead>
<tr>
<th>
Name
</th>
<th>
email
</td>
<th>
Phone
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
Dave Sample
</td>
<td>
dsample@sample.com
</td>
<td>
555.123.1234
</td>
<td>
<a href="#" class="edit_contact">
Edit
</a>
</td>
</tr>
<tr>
<td>
Jill Sample
</td>
<td>
jsample@sample.com
</td>
<td>
555.123.1234
</td>
<td>
<a href="#" class="edit_contact">
Edit
</a>
</td>
</tr>
<tr>
<td>
Irene Sample
</td>
<td>
isample@sample.com
</td>
<td>
555.123.1234
</td>
<td>
<a href="#" class="edit_contact">
Edit
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="vendor_pane vendor_contacts">
<table class="detail_table vendor_clients">
<thead>
<tr>
<th>
Client
</th>
<th>
ID
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
Sample 1
</td>
<td>
1234
</td>
</tr>
<tr>
<td>
sample 2
</td>
<td>
9874
</td>
</tr>
</tbody>
</table>
</div>
<div class="vendor_pane vendor_notes">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</body>
</html>
/CSS/
body{
margin:5px;
}
.vendor_container{
width: 100%;
max-width:1040px;
}
.vendor_header{
}
.vendor_header, .vendor_tab, th{
text-align:center;
}
.vendor_tab{
float:left;
width:33%;
padding: 5px 0 12px;
border-color: gray;
border-style:solid;
border-width:1px 1px 0 0;
}
.vendor_tab:first-of-type{
border-left-width:1px;
}
.border_left{
border-left-width: 1px;
}
.clear{
clear:both;
}
.vendor_pane ~.vendor_pane{
display:none;
}
.vendor_pane table{
width:100%;
}
.vendor_pane{
width:100%;
border:1px solid gray;
}
最佳答案
Bootstrap 在 nav-tabs 部分下包含一个“justified”选项。
查看文档 here .但是，如果您只想使用他们的 CSS。
*{
box-sizing:border-box;
}
.vendor_tab{
display: table-cell;
width: 1%;
padding: 5px 0 12px;
border-color: gray;
border-style:solid;
border-width:1px 1px 0 0;
}
关于html - 使三个选项卡填充容器的宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23430804/
25
4
0
在 Android 的 API > 19 中是否有任何方法可以获取可移动 SD 卡的路径？ 与外部 SD 卡一样，我们有 Environment.getExternalStorageDirectory
一些 Android 设备有 microSD(或其他存储卡)插槽，通常安装为 /storage/sdcard1 据我所知，自 Android 4.4 起 Google 限制了对此内存的访问，并在 An
我使用 Java Card 2.1.2 SDK 和 GPShell 作为与设备通信的方式在 Java Card 上构建一个项目。我从 GpShell 测试了 helloworld 示例，并成功发送了
我开发了一个应用程序，它有一个来电接收器，它适用于所有手机。一位用户有一部双 SIM 卡安卓手机。该应用程序适用于第一张 SIM 卡。但是当有人调用他的第二张 SIM 卡时，我们的应用程序不会被调用。
我有一个带预览的文件输入。 这是笔 Codepen 我想强制高度，我无法理解我该怎么做。我想将此组件的高度固定为 300px(示例)，我还需要保持加载图像的正确纵横比，用灰色背景填充空白。现在我保持宽
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 想改进这个问题？将问题更新为 on-topic对于堆栈溢出。 6年前关闭。 Improve this qu
我正在使用此代码访问 SD card : import os from os.path import join from jnius import autoclass #from android.pe
我正在为数据记录设备编写固件。它以 20 Hz 的频率从传感器读取数据并将数据写入 SD 卡。但是，向SD卡写入数据的时间并不一致(大约200-300 ms)。因此，一种解决方案是以一致的速率将数据写
我正在使用以下代码将视频放到网站上，但是在垂直方向上，手机屏幕上只能看到视频的左半部分 我不是网络开发人员。有人可以告诉我确切的内容吗，如何使其正确放置在手机屏幕上？ 是在youtube iframe
我正在使用 Vuetify 1.5 和 Vuetify 网格系统来设置我的布局。现在我有一个组件 HelloWorld我将其导入到我的 Parent 中成分。我已经在我的 HelloWorld 中设置
我使用 python 制作了一个简单的二十一点游戏。我制作了游戏的其余部分，但我正在努力放入 ASCII 卡，所以这只是代码的一小部分。我尝试将 * len(phand) 放在附加行的末尾。虽然这确实
我正在使用玩家卡设置 Twitter 卡。它可以在预览工具中运行，但文档说它需要在“twitter.com 现代桌面浏览器？ native iOs 和 Android Twitter 应用程序？mob
任何旧的 GSM 兼容 SIM 卡(3G USIM 的奖励)。 我想我需要一些硬件？谁能为业余爱好者推荐一些便宜的东西，以及一些更专业的东西？ 我认为会有一个带有硬件的 API 的完整文档，所以也许这
我使用 python 制作了一个简单的二十一点游戏。我制作了游戏的其余部分，但我正在努力放入 ASCII 卡，所以这只是代码的一小部分。我尝试将 * len(phand) 放在附加行的末尾。虽然这确实
我记得前一段时间读到有 cpu 卡供系统添加额外的处理能力来进行大规模并行化。任何人都有这方面的经验和任何资源来研究项目的硬件和软件方面吗？这项技术是否不如传统集群？它更注重功率吗？ 最佳答案 有两个
我检查外部存储是否已安装并且可用于读/写，然后从中读取。我使用的是确切的官方 Android 示例代码 ( from here )。 它说外部存储未安装。 getExternalFilesDir(nu
在 Android 2.1 及更低版本中，Android 应用程序可以请求下载到 SD 卡上吗？另外我想知道应用程序是否可以请求一些包含视频的文件夹下载到 SD 卡上？以及如何做到这一点？ 提前致谢。
我们编写了一个 Windows 设备驱动程序来访问我们的自定义 PCI 卡。驱动程序使用 CreateFile 获取卡的句柄。 我们最近在一次安装中遇到了问题，卡似乎停止工作了。我们尝试更换卡(更换似
有些新设备(例如 Samsung Galaxy)带有两个 SD 卡。我想知道是否有任何方法可以确定设备是否有两张 SD 卡或一张 SD 卡。谢谢 最佳答案 我认为唯一的方法是使用 检查可用根的列表 F
我正在尝试将文件读/写到 SD 卡。我已经尝试在我的真实手机和 Eclipse 中的模拟器上执行此操作。在这两种设备上，对/mnt/sdcard/或/sdcard 的权限仅为“d--------”，我
我是一名优秀的程序员,十分优秀！