1. 程式人生 > >table 高度不能設定的解決辦法

table 高度不能設定的解決辦法

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	ul {
				height: 0;
				border: 1px solid #FF0000;
				overflow: hidden;
			}
			table {
				height: 0;
				border: 1px solid #FF0000;
				overflow: hidden;
			}
			span {
				height: 0;
				border: 1px solid #FF0000;
				overflow: hidden;
			}

	</style>
</head>
<body>
	<ul>
			<li>我是ul</li>
			<li>我是ul</li>
			<li>我是ul</li>
		</ul>
		<table border="0" cellspacing="0" cellpadding="0">
			<tr><td>我是table</td></tr>
			<tr><td>我是table</td></tr>
			<tr><td>我是table</td></tr>
		</table>
		<span>
			我是span
		</span>
<!-- 從上面的執行效果我們可以看出,只有 ul 的高度確實被設定為 0 了,而 table 的高度卻並沒有被設定為0,但是當設定的高度值大於它的內容高度的時候,它又明明有作用的嘛,這個table好像可以又不可以設定高度了,這是為什麼呢?(當然,我們要首先排除table不願意變“矮”這樣一個心理因素)

總結:table 加上display:inline-block 和block就可以改變高度了 -->
</body>
</html>
從上面的執行效果我們可以看出,只有 ul 的高度確實被設定為 0 了,而 table 的高度卻並沒有被設定為0,但是當設定的高度值大於它的內容高度的時候,它又明明有作用的嘛,這個table好像可以又不可以設定高度了,這是為什麼呢?(當然,我們要首先排除table不願意變“矮”這樣一個心理因素)


總結:table 加上display:inline-block 和block就可以改變高度了,加上屬性試一試吧!

相關推薦

nacicat for mysql/mysql 設定外來鍵報錯1005:Can't create table (errno: 150)解決辦法

nacicat for mysql/mysql 設定外來鍵報錯1005:Can’t create table (errno: 150) 使用nacicat for mysql工具或者mysql 命令列中

MySQL插入大批量資料是報錯“The total number of locks exceeds the lock table size”的解決辦法

事情的原因是:我執行了一個load into語句的SQL將一個很大的檔案匯入到我的MySQL資料庫中,執行了一段時間後報錯“The total number of locks exceeds the lock table size”。 首先使用命令 show variables like '%storage

hbase中出現unknown table錯誤的解決辦法

說明:網上眾多千篇一律的版本都說要用到一個add_table.rb的檔案,可是我的版本根本hbase下就不存在這個檔案。 1.把資料表test從hbase下拷出(hadoop dfs -get /hbase/test ./) 2.檔案放到新叢集的系統上。 3.oop d

iOS10 不能跳轉系統設定解決辦法(1)

iOS 10 更新以後,發現以前跳轉系統應用的方法無效了。 -(void)toWIFI { NSURL *url = [NSURL URLWithString:@"prefs:root=WIFI"]; if ([[UIApplicati

百度度地圖總是提示key 驗證出錯! 請在 AndroidManifest.xml 檔案中檢查 key 設定解決辦法

呼叫百度度地圖總是提示key 驗證出錯! 請在 AndroidManifest.xml 檔案中檢查 key 設定 logcat提示如下 01-06 10:08:37.886: E/baidumapsdk(12351): Authentication Error error

table 高度不能設定解決辦法

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style>

select下拉框高度解決辦法設定預設顯示幾個

自己筆記,防止忘記 <select class="form-control" data-edit-select="1" id="add_categoryId" name="categoryId" onmousedown="if(this.options.length&

頁面設定body高度height:100%不生效解決辦法

直接body{ height: 100%; }不生效的話,那就在前面加個html吧,如下: html,body { height: 100% } 如果想要知道原理的可以參閱下面這篇文章,寫得很好

設定tableViewContentSize為自身高度時,佈局出錯的解決辦法

專案中需求,tableView 需要被 add到一個scrollView上。tableView的內容完全平鋪出來,即設定tableView的height等於tableView.ContentSize.height。 當資料重新整理的時候,table的frame也需要動態改變

bootstrap table 設定表格標題過長,導致列寬較大解決辦法

有時候表格的title比較長的時候我們既不想讓他折行,又不想讓他一列顯示。這時候只能是讓他出現省略號了。 程式碼如下..... title:的值直接設定為想要顯示的東西(文字等) titleTooltip: 這裡的值就是滑鼠hover的時候顯示的東西 that.view.tableC

table-row設定border無效解決辦法

<div class="table"> <div class="row"> <div class="cell"> <p>Blah blah</p> <

父元素高度塌陷的解決辦法

eight 20px otto 比較 解決辦法 兩個 pla over ear 很多時候子元素浮動的,會造成父元素塌陷 解決方法 1.添加一個空元素,並設置成清除浮動,即: <div style="clear:both;"></div> 優點:通俗易

user.table.column, table.column 或列說明無效----解決辦法

user.table.column table.column table.column 這個問題造成的原因是因為用了不該用的字段名或oracle的關鍵字 這時候即使你想改名或刪除這個字段都發現一直報這個錯 解決方法: 在你想刪除或更新的字段上加上雙引號進行操作就不會報錯,這樣可以刪掉重來或者修改

高度塌陷的四種解決辦法

field :after top title 解決 spl pre col charset <!doctype html> <html> <head> <meta charset="utf-8"> <titl

Fiddler設定代理後,iphone手機無法訪問網路的全面解決辦法

好久不抓手機包,都有些忘記了,電腦上軟體都在,原本是Fiddler4,現在已自動升級到V5。 入主題吧,首先Fiddler設定好代理,然後手機安裝證書好了,設定手機代理,結果iphone無法訪問網路,網上搜索一堆所謂的解決辦法,但都因文章太老舊而無法解決當下的問題,最終居然是iphone的ios版本高於10

Android中設定ListView的item高度無效--解決方案

原文地址:https://blog.csdn.net/zhonglinliu/article/details/54580622   問題:      ListView的使用中,item是在adapter中用來顯示每一個小條目的資

關於easyUI控制元件easyui-datetimebox的value值設定錯誤的解決辦法

問題:在jsp頁面的<input/>標籤中使用easyUI時間控制元件easyui-datetimebox,直接在value處傳入動態獲取到的毫秒數轉換成的時間格式時,不能正常顯示時分秒。 轉換後的值alert的圖片:    頁面顯示的圖片:(標紅位置為使

CI3設定子目錄控制器為預設控制器的解決辦法

 在框架中配置檔案多目錄、前後臺應該是個很常見的事情。像一般的php框架(CI、Tp等)採用都是單一入口模式,或許有人會直接在框架根目錄新建檔案admin.php,然後改變框架app結構,以達到訪問不同入口檔名獲得不同資源的效果。那麼在CI中一樣可以這樣做,不過個人覺得這種方法太浪費資源(

微信小程式設定height 100% 不起作用解決辦法

https://blog.csdn.net/wshpwangshiyu/article/details/79744884 問題:微信小程式設定背景圖片高度適應整個螢幕,設定height 100% 不起作用? .container-all{ width: 100%; he

關於SWT table重新整理的一個解決辦法

關於SWT table重新整理的一個解決辦法 在table中新增資料時,當我們想重新整理表格重新填充資料時如果不加操作直接新增的話會出現如下這種情況: 第一次填充的資料 第二次填充的資料 在查閱如何解決此問題的過程中,看到一種辦法,是呼叫 Table.clea