如何删除HTML表格中的双单元格边框

时间:2018-10-09 19:17:56

标签: html html-table duplicates width border

我想要一个简单的17x2 HTML表格,以单行作为边框,单元格之间没有空格等。This在线编辑器返回以下代码:

HTML Code

输出看起来像这样:Output

我添加了cellspacing="0",以消除单元格之间的空白。如何摆脱相邻单元格之间的重复边界?

PS .:尽管所有缩进都在适当位置,但是Stackoverflow输入编辑器将返回代码缩进错误。

1 个答案:

答案 0 :(得分:1)

您可以在表格标签上使用package com.example.android.arabic; import android.content.Intent; import android.media.MediaPlayer; import android.support.v7.app.AppCompatActivity; import android.view.View; import android.os.Bundle; import android.util.Log; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.EditText; import android.widget.RadioButton; import android.widget.Spinner; import android.widget.SpinnerAdapter; import android.widget.TextView; import android.view.View.OnClickListener; import android.widget.Toast; import android.widget.AdapterView.OnItemSelectedListener; import com.example.android.arabic.Nature.Nature; import org.w3c.dom.Text; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity implements OnItemSelectedListener{ int arabicScore = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // add emoji Q1 TextView q1 = findViewById(R.id.Q1_question); q1.setText(Nature.HONEY_BEE); // add emoji A2_option1 TextView qa2Option1 = findViewById(R.id.A2_option1); qa2Option1.setText(Nature.GOAT); // add emoji A2_option2 TextView qa2Option2 = findViewById(R.id.A2_option2); qa2Option2.setText(Nature.BIRD); // add emoji A2_option3 TextView qa2Option3 = findViewById(R.id.A2_option3); qa2Option3.setText(Nature.HORSE); //Q3 audio Button q3Sound = this.findViewById(R.id.Q3_sound); final MediaPlayer q3 = MediaPlayer.create(this, R.raw.camel); q3Sound.setOnClickListener(new OnClickListener() { public void onClick(View v) { q3.start(); } }); // add emoji Q4_question TextView q4 = findViewById(R.id.Q4_question); q4.setText(Nature.ANT); // Start of spinner Q4 Spinner a4 = findViewById(R.id.A4); // Create an ArrayAdapter using the string array and a default spinner layout ArrayAdapter<CharSequence>adapter = ArrayAdapter.createFromResource(this, R.array.a4_array, android.R.layout.simple_spinner_item); // Specify the layout to use when the list of choices appears adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); // Apply the adapter to the spinner a4.setAdapter(adapter); a4.setOnItemSelectedListener(this); //Q5 audio Button q5Sound = this.findViewById(R.id.Q5_sound); final MediaPlayer q5 = MediaPlayer.create(this, R.raw.cow_bird); q5Sound.setOnClickListener(new OnClickListener() { public void onClick(View v) { q5.start(); } }); //A5 // add emoji A5_option1 TextView qa5Option1 = findViewById(R.id.A5_option1); qa5Option1.setText(Nature.COW); // add emoji A5_option2 TextView qa5Option2 = findViewById(R.id.A5_option2); qa5Option2.setText(Nature.PIG); // add emoji A5_option3 TextView qa5Option3 = findViewById(R.id.A5_option3); qa5Option3.setText(Nature.SNAKE); // add emoji A5_option4 TextView qa5Option4 = findViewById(R.id.A5_option4); qa5Option4.setText(Nature.BIRD); } //Display Result public void results(View view){ // Check point for Q1 EditText a1EditText = findViewById(R.id.A1); String a1Entry = a1EditText.getText().toString(); if (a1Entry.contains("نحلة")) { arabicScore = arabicScore + 1; } // Check point for Q2 RadioButton a2Radio = findViewById(R.id.A2_option2); boolean isa2RadioChecked = a2Radio.isChecked(); if (isa2RadioChecked){ arabicScore = arabicScore + 1; } // Check point for Q3 EditText a3EditText = findViewById(R.id.A3); String a3Entry = a3EditText.getText().toString(); if (a3Entry.contains("جمل")) { arabicScore = arabicScore + 1; } // Check point for Q4 Toast resultToast = Toast.makeText(this, "You got " + arabicScore + " of 7 questions right.", Toast.LENGTH_LONG); resultToast.show(); } 属性。

例如:

border-collapse: collapse

更多信息 https://www.w3schools.com/cssref/pr_border-collapse.asp