Показать сообщение отдельно
  #4 (permalink)  
Старый 02.03.2018, 23:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

таблица перенос ячеек
central,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
   table{
     margin: 0 auto;
     border-collapse: collapse;
   }
   td{
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #0000FF;
  padding: 6px 4px;
   }

  </style>

  <script>
window.addEventListener("DOMContentLoaded", function() {
    var b = .8 * document.documentElement.clientHeight,
        c = document.querySelectorAll("tr"),
        d;
    [].forEach.call(c, function(a, e) {
        b -= a.scrollHeight;
        0 < b ? d = ++e : (a.parentNode.removeChild(a), c[e % d].appendChild(a.cells[0]));
    });
});
  </script>
</head>

<body>
<table>
    <tr>
        <td>001</td>
    </tr>
    <tr>
        <td>002</td>
    </tr>
    <tr>
        <td>003</td>
    </tr>
    <tr>
        <td>004</td>
    </tr>
    <tr>
        <td>005</td>
    </tr>
    <tr>
        <td>006</td>
    </tr>
    <tr>
        <td>007</td>
    </tr>
    <tr>
        <td>008</td>
    </tr>
    <tr>
        <td>009</td>
    </tr>
    <tr>
        <td>010</td>
    </tr>
    <tr>
        <td>011</td>
    </tr>
    <tr>
        <td>012</td>
    </tr>
    <tr>
        <td>013</td>
    </tr>
    <tr>
        <td>014</td>
    </tr>
    <tr>
        <td>015</td>
    </tr>
    <tr>
        <td>016</td>
    </tr>
    <tr>
        <td>017</td>
    </tr>
    <tr>
        <td>018</td>
    </tr>
    <tr>
        <td>019</td>
    </tr>
    <tr>
        <td>020</td>
    </tr>
    <tr>
        <td>021</td>
    </tr>
    <tr>
        <td>022</td>
    </tr>
    <tr>
        <td>023</td>
    </tr>
    <tr>
        <td>024</td>
    </tr>
    <tr>
        <td>025</td>
    </tr>
    <tr>
        <td>026</td>
    </tr>
    <tr>
        <td>027</td>
    </tr>
    <tr>
        <td>028</td>
    </tr>
    <tr>
        <td>029</td>
    </tr>
    <tr>
        <td>030</td>
    </tr>
    <tr>
        <td>031</td>
    </tr>
    <tr>
        <td>032</td>
    </tr>
    <tr>
        <td>033</td>
    </tr>
    <tr>
        <td>034</td>
    </tr>
    <tr>
        <td>035</td>
    </tr>
    <tr>
        <td>036</td>
    </tr>
    <tr>
        <td>037</td>
    </tr>
    <tr>
        <td>038</td>
    </tr>
    <tr>
        <td>039</td>
    </tr>
    <tr>
        <td>040</td>
    </tr>
    <tr>
        <td>041</td>
    </tr>
    <tr>
        <td>042</td>
    </tr>
    <tr>
        <td>043</td>
    </tr>
    <tr>
        <td>044</td>
    </tr>
    <tr>
        <td>045</td>
    </tr>
    <tr>
        <td>046</td>
    </tr>
    <tr>
        <td>047</td>
    </tr>
    <tr>
        <td>048</td>
    </tr>
    <tr>
        <td>049</td>
    </tr>
    <tr>
        <td>050</td>
    </tr>
    <tr>
        <td>051</td>
    </tr>
    <tr>
        <td>052</td>
    </tr>
    <tr>
        <td>053</td>
    </tr>
    <tr>
        <td>054</td>
    </tr>
    <tr>
        <td>055</td>
    </tr>
    <tr>
        <td>056</td>
    </tr>
    <tr>
        <td>057</td>
    </tr>
    <tr>
        <td>058</td>
    </tr>
    <tr>
        <td>059</td>
    </tr>
    <tr>
        <td>060</td>
    </tr>
    <tr>
        <td>061</td>
    </tr>
    <tr>
        <td>062</td>
    </tr>
    <tr>
        <td>063</td>
    </tr>
    <tr>
        <td>064</td>
    </tr>
    <tr>
        <td>065</td>
    </tr>
    <tr>
        <td>066</td>
    </tr>
    <tr>
        <td>067</td>
    </tr>
    <tr>
        <td>068</td>
    </tr>
    <tr>
        <td>069</td>
    </tr>
    <tr>
        <td>070</td>
    </tr>
    <tr>
        <td>071</td>
    </tr>
    <tr>
        <td>072</td>
    </tr>
    <tr>
        <td>073</td>
    </tr>
    <tr>
        <td>074</td>
    </tr>
    <tr>
        <td>075</td>
    </tr>
    <tr>
        <td>076</td>
    </tr>
    <tr>
        <td>077</td>
    </tr>
    <tr>
        <td>078</td>
    </tr>
    <tr>
        <td>079</td>
    </tr>
    <tr>
        <td>080</td>
    </tr>
    <tr>
        <td>081</td>
    </tr>
    <tr>
        <td>082</td>
    </tr>
    <tr>
        <td>083</td>
    </tr>
    <tr>
        <td>084</td>
    </tr>
    <tr>
        <td>085</td>
    </tr>
    <tr>
        <td>086</td>
    </tr>
    <tr>
        <td>087</td>
    </tr>
    <tr>
        <td>088</td>
    </tr>
    <tr>
        <td>089</td>
    </tr>
    <tr>
        <td>090</td>
    </tr>
    <tr>
        <td>091</td>
    </tr>
    <tr>
        <td>092</td>
    </tr>
    <tr>
        <td>093</td>
    </tr>
    <tr>
        <td>094</td>
    </tr>
    <tr>
        <td>095</td>
    </tr>
    <tr>
        <td>096</td>
    </tr>
    <tr>
        <td>097</td>
    </tr>
    <tr>
        <td>098</td>
    </tr>
    <tr>
        <td>099</td>
    </tr>
    <tr>
        <td>100</td>
    </tr>
    <tr>
        <td>101</td>
    </tr>
    <tr>
        <td>102</td>
    </tr>
    <tr>
        <td>103</td>
    </tr>
    <tr>
        <td>104</td>
    </tr>
    <tr>
        <td>105</td>
    </tr>
    <tr>
        <td>106</td>
    </tr>
    <tr>
        <td>107</td>
    </tr>
    <tr>
        <td>108</td>
    </tr>
    <tr>
        <td>109</td>
    </tr>
    <tr>
        <td>110</td>
    </tr>
    <tr>
        <td>111</td>
    </tr>
    <tr>
        <td>112</td>
    </tr>
    <tr>
        <td>113</td>
    </tr>
    <tr>
        <td>114</td>
    </tr>
    <tr>
        <td>115</td>
    </tr>
    <tr>
        <td>116</td>
    </tr>
    <tr>
        <td>117</td>
    </tr>
    <tr>
        <td>118</td>
    </tr>
    <tr>
        <td>119</td>
    </tr>
    <tr>
        <td>120</td>
    </tr>
    <tr>
        <td>121</td>
    </tr>
    <tr>
        <td>122</td>
    </tr>
    <tr>
        <td>123</td>
    </tr>
    <tr>
        <td>124</td>
    </tr>
    <tr>
        <td>125</td>
    </tr>
    <tr>
        <td>126</td>
    </tr>
    <tr>
        <td>127</td>
    </tr>
    <tr>
        <td>128</td>
    </tr>
    <tr>
        <td>129</td>
    </tr>
    <tr>
        <td>130</td>
    </tr>
    <tr>
        <td>131</td>
    </tr>
    <tr>
        <td>132</td>
    </tr>
    <tr>
        <td>133</td>
    </tr>
    <tr>
        <td>134</td>
    </tr>
    <tr>
        <td>135</td>
    </tr>
    <tr>
        <td>136</td>
    </tr>
    <tr>
        <td>137</td>
    </tr>
    <tr>
        <td>138</td>
    </tr>
    <tr>
        <td>139</td>
    </tr>
    <tr>
        <td>140</td>
    </tr>
    <tr>
        <td>141</td>
    </tr>
    <tr>
        <td>142</td>
    </tr>
    <tr>
        <td>143</td>
    </tr>
    <tr>
        <td>144</td>
    </tr>
    <tr>
        <td>145</td>
    </tr>
    <tr>
        <td>146</td>
    </tr>
    <tr>
        <td>147</td>
    </tr>
    <tr>
        <td>148</td>
    </tr>
    <tr>
        <td>149</td>
    </tr>
    <tr>
        <td>150</td>
    </tr>
    <tr>
        <td>151</td>
    </tr>
    <tr>
        <td>152</td>
    </tr>
    <tr>
        <td>153</td>
    </tr>
    <tr>
        <td>154</td>
    </tr>
    <tr>
        <td>155</td>
    </tr>
    <tr>
        <td>156</td>
    </tr>
    <tr>
        <td>157</td>
    </tr>
    <tr>
        <td>158</td>
    </tr>
    <tr>
        <td>159</td>
    </tr>
    <tr>
        <td>160</td>
    </tr>
    <tr>
        <td>161</td>
    </tr>
    <tr>
        <td>162</td>
    </tr>
    <tr>
        <td>163</td>
    </tr>
    <tr>
        <td>164</td>
    </tr>
    <tr>
        <td>165</td>
    </tr>
    <tr>
        <td>166</td>
    </tr>
    <tr>
        <td>167</td>
    </tr>
    <tr>
        <td>168</td>
    </tr>
    <tr>
        <td>169</td>
    </tr>
    <tr>
        <td>170</td>
    </tr>
    <tr>
        <td>171</td>
    </tr>
    <tr>
        <td>172</td>
    </tr>
    <tr>
        <td>173</td>
    </tr>
    <tr>
        <td>174</td>
    </tr>
    <tr>
        <td>175</td>
    </tr>
    <tr>
        <td>176</td>
    </tr>
    <tr>
        <td>177</td>
    </tr>
    <tr>
        <td>178</td>
    </tr>
    <tr>
        <td>179</td>
    </tr>
    <tr>
        <td>180</td>
    </tr>
    <tr>
        <td>181</td>
    </tr>
    <tr>
        <td>182</td>
    </tr>
    <tr>
        <td>183</td>
    </tr>
    <tr>
        <td>184</td>
    </tr>
    <tr>
        <td>185</td>
    </tr>
    <tr>
        <td>186</td>
    </tr>
    <tr>
        <td>187</td>
    </tr>
    <tr>
        <td>188</td>
    </tr>
    <tr>
        <td>189</td>
    </tr>
    <tr>
        <td>190</td>
    </tr>
    <tr>
        <td>191</td>
    </tr>
    <tr>
        <td>192</td>
    </tr>
    <tr>
        <td>193</td>
    </tr>
    <tr>
        <td>194</td>
    </tr>
    <tr>
        <td>195</td>
    </tr>
    <tr>
        <td>196</td>
    </tr>
    <tr>
        <td>197</td>
    </tr>
    <tr>
        <td>198</td>
    </tr>
    <tr>
        <td>199</td>
    </tr>
    <tr>
        <td>200</td>
    </tr>
</table>
</body>
</html>

Последний раз редактировалось рони, 02.03.2018 в 23:15.
Ответить с цитированием